format

app/web/src/components/CadPackage/CadPackage.tsx

@@ -64,9 +64,12 @@ const CadPackage = ({
 // Returns a proper button if an onClick handler is passed in, or a div
 // if the element is meant to be a simple badge
 function ButtonOrDiv({ onClick, className, children }) {
-  return (onClick
+  return onClick ? (
-    ? <button className={className + ' hover:bg-opacity-80'} onClick={ onClick }>{ children }</button>
+    <button className={className + ' hover:bg-opacity-80'} onClick={onClick}>
-    : <div className={className}>{ children }</div>
+      {children}
+    </button>
+  ) : (
+    <div className={className}>{children}</div>
   )
 }
 

app/web/src/components/EditorGuide/EditorGuide.tsx

@@ -1,4 +1,4 @@
-import { useMarkdownMetaData } from 'src/helpers/markdown'
+import { useMarkdownMetaData } from 'src/helpers/hooks/useMarkdownMetaData'
 import Editor from 'rich-markdown-editor'
 import { useRef } from 'react'
 import KeyValue from 'src/components/KeyValue/KeyValue'

app/web/src/helpers/hooks/useMarkdownMetaData.ts

@@ -3,16 +3,18 @@
 export function useMarkdownMetaData(text: string): Array<any> {
   const metaData = {} as any
   return React.useMemo(() => {
-    const metaRegExp = RegExp(/^---[\r\n](((?!---).|[\r\n])*)[\r\n]---$/m) as any
+    const metaRegExp = RegExp(
+      /^---[\r\n](((?!---).|[\r\n])*)[\r\n]---$/m
+    ) as any
     // get metadata
     const rawMetaData = metaRegExp.exec(text)
-    
+
     let keyValues
-    
+
     if (rawMetaData !== null) {
       // rawMeta[1] are the stuff between "---"
       keyValues = rawMetaData[1].split('\n')
-    
+
       // which returns a list of key values: ["key1: value", "key2: value"]
       keyValues.forEach((keyValue) => {
         // split each keyValue to keys and values