@syscore/ui-library 1.1.10 → 1.1.11

package/client/App.tsx

@@ -0,0 +1,47 @@
+import "./global.css";
+
+import { Toaster } from "@/components/ui/toaster";
+import { createRoot } from "react-dom/client";
+import { Toaster as Sonner } from "@/components/ui/sonner";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
+import Index from "./pages/Index";
+import NotFound from "./pages/NotFound";
+
+const queryClient = new QueryClient();
+
+const App = () => (
+  <QueryClientProvider client={queryClient}>
+    <TooltipProvider>
+      <Toaster />
+      <Sonner />
+      <BrowserRouter>
+        <div className="min-h-screen">
+          <header className="sticky top-0 z-50 border-b bg-background/80 backdrop-blur-sm">
+            <div className="mx-auto flex max-w-6xl items-center justify-between px-6 py-3">
+              <Link to="/" className="flex items-center gap-2">
+                <span className="inline-flex h-7 w-7 items-center justify-center rounded-md bg-linear-to-b from-violet-500 to-violet-600 text-white shadow-xs">
+                  A
+                </span>
+                <span className="text-sm font-bold tracking-tight text-foreground">
+                  Aurora UI
+                </span>
+              </Link>
+            </div>
+          </header>
+
+          <main>
+            <Routes>
+              <Route path="/" element={<Index />} />
+              {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
+              <Route path="*" element={<NotFound />} />
+            </Routes>
+          </main>
+        </div>
+      </BrowserRouter>
+    </TooltipProvider>
+  </QueryClientProvider>
+);
+
+createRoot(document.getElementById("root")!).render(<App />);