feat: loading page

mrevanzak · May 6, 2024 · 98e7de2 · 98e7de2
1 parent 35eac8b
commit 98e7de2
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 1,578 deletions.
diff --git a/apps/web/src/app/loading.tsx b/apps/web/src/app/loading.tsx
@@ -0,0 +1,10 @@
+import { Spinner } from "@tanya.in/ui/spinner";
+
+export default function Loading() {
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center bg-background text-center font-sans text-foreground antialiased ">
+      <Spinner size="lg" />
+      <h3 className="mt-8">Loading...</h3>
+    </div>
+  );
+}
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -23,6 +23,7 @@
     "@nextui-org/button": "^2.0.31",
     "@nextui-org/dropdown": "^2.1.23",
     "@nextui-org/input": "^2.1.21",
+    "@nextui-org/spinner": "^2.0.28",
     "@nextui-org/system": "^2.1.2",
     "@nextui-org/theme": "^2.2.3",
     "@radix-ui/react-dropdown-menu": "^2.0.6",

diff --git a/packages/ui/src/spinner.tsx b/packages/ui/src/spinner.tsx
@@ -0,0 +1 @@
+export * from "@nextui-org/spinner";
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
@@ -6,7 +6,7 @@ export default {
   darkMode: ["class"],
   content: [
     "src/**/*.{ts,tsx}",
-    "../../node_modules/@nextui-org/theme/dist/components/(button|dropdown|input).js",
+    "../../node_modules/@nextui-org/theme/dist/components/(button|dropdown|input|spinner).js",
   ],
   theme: {
     container: {