Spaces:

cephalization
/

quack

Running

Tony Powell commited on Oct 7, 2024

Commit

61ace77

1 Parent(s): bd38c25

Improve initial loading state

Files changed (3) hide show

dist/{index-BWkEBJsP.js → index-Bg5EPHBf.js} RENAMED Viewed

The diff for this file is too large to render. See raw diff

dist/index.html CHANGED Viewed

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
-    <script type="module" crossorigin src="/dist/index-BWkEBJsP.js"></script>
     <link rel="stylesheet" crossorigin href="/dist/index-D_-vwcvz.css">
   </head>
   <body>

     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+    <script type="module" crossorigin src="/dist/index-Bg5EPHBf.js"></script>
     <link rel="stylesheet" crossorigin href="/dist/index-D_-vwcvz.css">
   </head>
   <body>

src/App.tsx CHANGED Viewed

@@ -72,6 +72,7 @@ function App() {
             className="w-full"
             type="submit"
             disabled={
               !nextDatasetUrl ||
               (nextDatasetUrl === datasetUrl && !!dataset) ||
               loading
@@ -128,7 +129,7 @@ function App() {
         </form>
       )}
       <div className="flex flex-col gap-2 w-full max-w-full overflow-x-auto bg-secondary rounded">
-        {loading && (
           <p className="text-lg font-medium self-center">Loading...</p>
         )}
         {error && <p style={{ color: "red" }}>{error}</p>}

             className="w-full"
             type="submit"
             disabled={
+              !db ||
               !nextDatasetUrl ||
               (nextDatasetUrl === datasetUrl && !!dataset) ||
               loading
         </form>
       )}
       <div className="flex flex-col gap-2 w-full max-w-full overflow-x-auto bg-secondary rounded">
+        {(!db || loading) && (
           <p className="text-lg font-medium self-center">Loading...</p>
         )}
         {error && <p style={{ color: "red" }}>{error}</p>}