add dashboard layout

iceship · Oct 3, 2024 · 3024443 · 3024443
1 parent fdfe0a7
commit 3024443
Show file tree

Hide file tree

Showing 73 changed files with 2,024 additions and 238 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -21,10 +21,13 @@
     "editor.defaultFormatter": "Prisma.prisma"
   },
   "cSpell.words": [
+    "burguer",
+    "Burguer",
     "formik",
     "Formik",
     "jiti",
     "nextui",
+    "searchicon",
     "signin",
     "signout",
     "superjson",

diff --git a/middleware.ts b/middleware.ts
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "framer-motion": "^11.7.0",
     "geist": "^1.3.1",
     "jiti": "^2.0.0",
-    "next": "14.2.13",
+    "next": "14.2.14",
     "next-auth": "^4.24.8",
     "next-themes": "^0.3.0",
     "postgres": "^3.4.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/actions/auth.action.ts b/src/actions/auth.action.ts
@@ -0,0 +1,11 @@
+"use server";
+
+import { cookies } from "next/headers";
+
+export const createAuthCookie = async () => {
+  cookies().set("userAuth", "myToken", { secure: true });
+};
+
+export const deleteAuthCookie = async () => {
+  cookies().delete("userAuth");
+};
diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
@@ -0,0 +1,10 @@
+import { Layout } from "@/components/layout/layout";
+import "@/styles/globals.css";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <Layout>{children}</Layout>;
+}
diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
@@ -0,0 +1,9 @@
+import type { NextPage } from "next";
+
+import { Content } from "@/components/home/content";
+
+const Home: NextPage = () => {
+  return <Content />;
+};
+
+export default Home;
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
@@ -0,0 +1,10 @@
+import { AuthLayoutWrapper } from "@/components/auth/auth-layout";
+import "@/styles/globals.css";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <AuthLayoutWrapper>{children}</AuthLayoutWrapper>;
+}
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
@@ -0,0 +1,7 @@
+import Login from "@/components/auth/login";
+
+const login = () => {
+  return <Login />;
+};
+
+export default login;
diff --git a/src/app/(dashboard)/admin/layout.tsx b/src/app/(dashboard)/admin/layout.tsx
@@ -0,0 +1,10 @@
+import { Layout } from "@/components/layout/layout";
+import "@/styles/globals.css";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <Layout>{children}</Layout>;
+}
diff --git a/src/app/(dashboard)/admin/page.tsx b/src/app/(dashboard)/admin/page.tsx
@@ -1,7 +1,9 @@
-export default function AdminPage() {
-  return (
-    <div>
-      <h1>Admin Dashboard</h1>
-    </div>
-  );
-}
+import type { NextPage } from "next";
+
+import { Content } from "@/components/home/content";
+
+const Home: NextPage = () => {
+  return <Content />;
+};
+
+export default Home;
diff --git a/src/app/_components/auth-button.tsx b/src/app/_components/auth-button.tsx
diff --git a/src/app/globals.css b/src/app/globals.css
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,10 +3,9 @@ import { Suspense } from "react";
 
 import { GeistSans } from "geist/font/sans";
 
-import Providers from "@/components/providers";
-import { TRPCReactProvider } from "@/trpc/react";
+import "@/styles/globals.css";
 
-import "./globals.css";
+import Providers from "./providers";
 
 export const metadata: Metadata = {
   title: "Next.js Starter App",
@@ -15,9 +14,9 @@ export const metadata: Metadata = {
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
     <html
       lang="en"
@@ -31,13 +30,11 @@ export default function RootLayout({
         />
       </head>
       <body className="h-screen w-screen">
-        <TRPCReactProvider>
-          <Providers>
-            <main className="flex-grow overflow-auto bg-[url(/light-bg.svg)] bg-cover dark:bg-[url(/dark-bg.svg)]">
-              <Suspense>{children}</Suspense>
-            </main>
-          </Providers>
-        </TRPCReactProvider>
+        <Providers>
+          <main className="flex-grow overflow-auto bg-[url(/light-bg.svg)] bg-cover dark:bg-[url(/dark-bg.svg)]">
+            <Suspense>{children}</Suspense>
+          </main>
+        </Providers>
       </body>
     </html>
   );

diff --git a/src/app/page.tsx b/src/app/page.tsx
diff --git a/src/components/providers.tsx → src/app/providers.tsx b/src/components/providers.tsx → src/app/providers.tsx
@@ -5,23 +5,27 @@ import { SessionProvider } from "next-auth/react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { ThemeProviderProps } from "next-themes/dist/types";
 
+import { TRPCReactProvider } from "@/trpc/react";
+
 export interface ProvidersProps {
   children: React.ReactNode;
   themeProps?: ThemeProviderProps;
 }
 
 export default function Providers({ children, themeProps }: ProvidersProps) {
   return (
-    <SessionProvider>
-      <NextUIProvider className="flex h-full w-full flex-col">
-        <NextThemesProvider
-          defaultTheme="system"
-          attribute="class"
-          {...themeProps}
-        >
-          {children}
-        </NextThemesProvider>
-      </NextUIProvider>
-    </SessionProvider>
+    <TRPCReactProvider>
+      <SessionProvider>
+        <NextUIProvider className="flex h-full w-full flex-col">
+          <NextThemesProvider
+            defaultTheme="system"
+            attribute="class"
+            {...themeProps}
+          >
+            {children}
+          </NextThemesProvider>
+        </NextUIProvider>
+      </SessionProvider>
+    </TRPCReactProvider>
   );
 }
diff --git a/src/components/app-navbar/index.tsx b/src/components/app-navbar/index.tsx
@@ -15,7 +15,7 @@ import {
 import { IconPackage } from "@tabler/icons-react";
 import { useSession } from "next-auth/react";
 
-import AuthButton from "../../app/_components/auth-button";
+import AuthButton from "../auth/auth-button";
 import SearchBox from "./search-box";
 import { ThemeSwitcher } from "./theme-switcher";
 
@@ -78,7 +78,7 @@ export default function AppNavbar() {
           <ThemeSwitcher />
         </NavbarItem>
         <NavbarItem>
-          <AuthButton minimal={false} />
+          <AuthButton />
         </NavbarItem>
       </NavbarContent>
       <NavbarMenu>