Merge pull request #99 from fac30/style/loading

Style/loading
fac30 · Dec 17, 2024 · 894d7f9 · 894d7f9
2 parents cba4018 + a7b800e
commit 894d7f9
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 16 deletions.
diff --git a/src/app/insights/components/InsightsDisplay.tsx b/src/app/insights/components/InsightsDisplay.tsx
@@ -201,7 +201,9 @@ export default function InsightsDisplay() {
           selectedButton={selectedButton}
         />
       ) : (
-        <div>Loading Line Graph...</div>
+        <div className="flex h-40 w-full justify-center items-center">
+          <p className="text-xl">Loading Line Graph...</p>
+        </div>
       )}
 
       {insights ? ( // Area Chart
@@ -214,7 +216,9 @@ export default function InsightsDisplay() {
           />
         </>
       ) : (
-        <div>Loading Area Chart...</div>
+        <div className="flex h-40 w-full justify-center items-center">
+          <p className="text-xl">Loading Area Chart...</p>
+        </div>
       )}
 
       {insights ? ( // Stream Graph
@@ -227,12 +231,16 @@ export default function InsightsDisplay() {
           />
         </>
       ) : (
-        <div>Loading Stream Graph...</div>
+        <div className="flex h-40 w-full justify-center items-center">
+          <p className="text-xl">Loading Stream Graph...</p>
+        </div>
       )}
 
       {/* unmet needs graph */}
       {needsData === null ? (
-        <div>Loading Needs Data...</div>
+        <div className="flex h-40 w-full justify-center items-center">
+          <p className="text-xl">Loading Bar Chart...</p>
+        </div>
       ) : needsData.some((item) => item.value > 0) ? (
         <BarGraph data={needsData} />
       ) : (

diff --git a/src/app/moods/loading.tsx b/src/app/moods/loading.tsx
@@ -1,7 +1,7 @@
 export default function Loading() {
   return (
     <div className="h-screen w-screen flex justify-center items-center">
-      <div className="text-3xl">Loading...</div>
+      <p className="text-3xl">Loading...</p>
     </div>
   );
 }
diff --git a/src/lib/db/DatabaseManager.ts b/src/lib/db/DatabaseManager.ts
@@ -48,7 +48,7 @@ class DatabaseManager {
       "needs",
       "next_actions",
     ];
-    
+
     const existingCollections = Object.keys(dbInstance.collections);
 
     for (const collection of requiredCollections) {
@@ -76,15 +76,20 @@ class DatabaseManager {
   }
 
   private async seedDatabase() {
-    try {
-      await this.seed("mood_records", generateMoodRecords("dev"));
-      await this.seed("categories", categories);
-      await this.seed("toolkit_items", toolkit);
-      await this.seed("needs_categories", needsCategories);
-      await this.seed("needs", needs);
-      await this.seed("next_actions", nextActions);
-    } catch (error) {
-      console.error("Error during database seeding:", error);
+    if (
+      dbInstance &&
+      (await dbInstance.collections["needs"].find().exec()).length === 0
+    ) {
+      try {
+        await this.seed("mood_records", generateMoodRecords("dev"));
+        await this.seed("categories", categories);
+        await this.seed("toolkit_items", toolkit);
+        await this.seed("needs_categories", needsCategories);
+        await this.seed("needs", needs);
+        await this.seed("next_actions", nextActions);
+      } catch (error) {
+        console.error("Error during database seeding:", error);
+      }
     }
   }
 

diff --git a/src/ui/shared/PlotlyChart.tsx b/src/ui/shared/PlotlyChart.tsx
@@ -5,7 +5,11 @@ import { useEffect, useState } from "react";
 
 const Plot = dynamic(() => import("react-plotly.js"), {
   ssr: false,
-  loading: () => <div>Loading...</div>,
+  loading: () => (
+    <div className="flex h-full w-full justify-center items-center">
+      <p className="text-xl">Loading...</p>
+    </div>
+  ),
 });
 
 interface PlotlyChartProps {