Call loadJournalStorage if file extension is .log

standalone_app/src/components/StorageLoader.tsx

@@ -7,6 +7,7 @@ import React, {
   useState,
 } from "react"
 import { loadSQLite3Storage } from "../sqlite3"
+import { loadJournalStorage } from "../journalStorage"
 import { useSetRecoilState } from "recoil"
 import { studiesState } from "../state"
 import {
@@ -29,8 +30,13 @@ export const StorageLoader: FC = () => {
     const r = new FileReader()
     r.addEventListener("load", () => {
       const arrayBuffer = r.result as ArrayBuffer | null
+      const fileExtension = file.name.split(".").pop()
       if (arrayBuffer !== null) {
-        loadSQLite3Storage(arrayBuffer, setStudies)
+        if (fileExtension == "log") {
+          loadJournalStorage(arrayBuffer, setStudies)
+        } else {
+          loadSQLite3Storage(arrayBuffer, setStudies)
+        }
       }
     })
     r.readAsArrayBuffer(file)

standalone_app/src/journalStorage.ts

@@ -1,9 +1,9 @@
 import { SetterOrUpdater } from "recoil"
 
-export const loadStorage = (
+export const loadJournalStorage = (
   arrayBuffer: ArrayBuffer,
   setter: SetterOrUpdater<Study[]>
 ): void => {
-
-
+  const decoder = new TextDecoder("utf-8")
+  console.log(decoder.decode(arrayBuffer))
 }