2 files changed, 22 insertions, 3 deletions
diff --git a/src/components/Card.svelte b/src/components/Card.svelte
index a063e96..6b4b59e 100644
--- a/src/components/Card.svelte
+++ b/src/components/Card.svelte
@@ -3,7 +3,7 @@
     export let desc = "";
 </script>
 
-<div class="card w-96 bg-primary text-primary-content">
+<div class="card bg-primary text-primary-content">
     <div class="card-body">
         <h2 class="card-title">{title}</h2>
         <p>{desc}</p>
diff --git a/src/components/FileUploads.svelte b/src/components/FileUploads.svelte
index 2c246f7..df952df 100644
--- a/src/components/FileUploads.svelte
+++ b/src/components/FileUploads.svelte
@@ -37,7 +37,7 @@
             snackbar.open();
           }
         })
-        .finally( () => {
+        .finally(() => {
           snackbarText = "Sucessfullyed imported Peer Teacher/s!";
           snackbar.open();
         });
@@ -80,7 +80,7 @@
     }
   }
 
-  function exportDB() {
+  function dbStringify(): string {
     const peerTeachers = [...$ptStore.values()];
     const labs = [...$labStore.values()];
     const database = {
@@ -98,6 +98,11 @@
       return value;
     });
 
+    return dbObj;
+  }
+
+  function exportDB() {
+    const dbObj = dbStringify();
     const blob = new Blob([dbObj], { type: "text/json" });
     const anchor = document.createElement("a");
     const url = window.URL.createObjectURL(blob);
@@ -109,6 +114,11 @@
     document.body.removeChild(anchor);
     window.URL.revokeObjectURL(url);
   }
+
+  function exportDB2LocalStorage() {
+    const db = dbStringify();
+    localStorage.setItem("db", db);
+  }
 </script>
 
 <div class="flex flex-col items-center justify-center h-full ">
@@ -154,6 +164,15 @@
     >
       <button class="btn btn-warning" on:click={exportDB}>Download</button>
     </Card>
+
+    <Card
+      title="Export to Local Storage"
+      desc="Save current DB to local storage. Local storage db should only be used for testing purposes to avoid data anomalies"
+    >
+      <button class="btn btn-warning" on:click={exportDB2LocalStorage}
+        >LocalStorage</button
+      >
+    </Card>
   </div>
 </div>