new LoadingScreen to replace old loading divs

2026-07-18 12:10:34 +08:00 · 2022-12-28 20:49:03 +01:00
parent f208f65faf
commit d4887e0054
7 changed files with 57 additions and 18 deletions
@@ -0,0 +1,12 @@
+import { Progress } from "@chakra-ui/react";
+
+export const LoadingScreen = ({ text }) => (
+  <div className="bg-slate-100">
+    <Progress size="xs" isIndeterminate />
+    {text && (
+      <div className="flex h-full">
+        <div className="text-xl font-bold text-gray-800  mx-auto my-auto">{text}</div>
+      </div>
+    )}
+  </div>
+);