src/components/cardSelector/CardSelector.tsx

@@ -3,7 +3,6 @@ import { StickyNoteButton } from "./StickyNoteButton"
 import { ImageCardButton } from "./ImageCardButton"
 import { ExportButton } from "./ExportButton"
 import { TextButton } from "./TextButton"
-import { ImportButton } from "./ImportButton"
 
 export function CardSelector() {
   const containerRef = useRef<HTMLDivElement>(null)
@@ -22,7 +21,6 @@ export function CardSelector() {
       <Divider />
 
       <ExportButton />
-      <ImportButton />
     </div>
   )
 }

src/components/cardSelector/ImportButton.tsx

@@ -1,66 +0,0 @@
-import images from "../../signals/images"
-import notes from "../../signals/notes"
-import { Card } from "../../types"
-import { convertBase64ToJson } from "../../utils/convertBase64ToJson"
-import { updateLocalStorage } from "../../utils/localStorage"
-import { defaultClassName } from "./utils"
-
-export function ImportButton() {
-
-  function _handleImport() {
-    const input = document.createElement('input')
-    input.type = 'file'
-    input.accept = ".json"
-    input.multiple = false
-    input.onchange = (e: any) => {
-      const file = e.target.files[0]
-      const reader = new FileReader()
-      reader.readAsDataURL(file)
-      reader.onload = function(readerEvent) {
-        let content = readerEvent.target?.result;
-        // get only the base64 parts and not any identifiers
-        content = (content as string).split(',')[1]
-        const data: Record<string, Card<'note'> | Card<'image'>> = convertBase64ToJson(content)
-        for (let key in data) {
-          const item = data[key]
-          if (item.type == 'image') {
-            const { id, ...rest } = item
-            images.addImage(rest)
-          }
-
-          if (item.type == 'note') {
-            const { id, ...rest } = item
-            notes.addNote(rest)
-          }
-        }
-
-        updateLocalStorage('notes', notes.notes.value)
-        updateLocalStorage('images', images.images.value)
-        notes.notes.notify()
-        images.images.notify()
-      }
-    }
-    input.click()
-  }
-
-  return (
-    <svg
-      onclick={_handleImport}
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      className={"rotate-[180deg] " + defaultClassName}
-    >
-      <path
-        d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-      <polyline points="7 10 12 15 17 10" />
-      <line x1="12" x2="12" y1="15" y2="3" />
-    </svg>
-  )
-}

src/utils/convertBase64ToJson.ts

@@ -1,19 +0,0 @@
-export function convertBase64ToJson(
-  data: string | ArrayBuffer | null | undefined
-) {
-  try {
-    if (!data) throw new Error("no data to decode")
-    if (data instanceof ArrayBuffer)
-      throw new Error("cannot decode array buffer yet")
-    // Decode Base64 to string
-    const jsonString = atob(data)
-
-    // Parse string to JSON
-    const jsonObject = JSON.parse(jsonString)
-
-    // Display the JSON object
-    return jsonObject
-  } catch (error) {
-    console.error("Error decoding Base64:", error)
-  }
-}