Merge pull request #14 from mocusez/dev-1113

chore: work before the data interaction

package.json

@@ -51,6 +51,7 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@t3-oss/env-nextjs": "^0.7.0",
     "@tanstack/react-query": "^4.32.6",
+    "@tanstack/react-table": "^8.10.7",
     "@trpc/client": "^10.37.1",
     "@trpc/next": "^10.37.1",
     "@trpc/react-query": "^10.37.1",

src/app/[locale]/(mainboard)/dashboard/page.tsx

@@ -0,0 +1,9 @@
+import { api } from "~/trpc/server";
+
+export default async function Home() {
+  return (
+    <div className="flex flex-col">
+      <p>Hello</p>
+    </div>
+  );
+}

src/app/[locale]/(mainboard)/layout.tsx

@@ -0,0 +1,23 @@
+import { redirect } from "next/navigation";
+import { BodyLayout } from "~/components/body-layout";
+import { SiteFooter } from "~/components/site-footer";
+import { getServerAuthSession } from "~/server/auth";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  //Check if user is logged in
+  const session = await getServerAuthSession();
+  if (!session) {
+    redirect("/login");
+  }
+
+  return (
+    <>
+      <BodyLayout>{children}</BodyLayout>
+      <SiteFooter className="border-t" />
+    </>
+  );
+}

src/app/[locale]/(mainboard)/machines/page.tsx

@@ -0,0 +1,3 @@
+export default async function Machines() {
+  return <div>Machines</div>;
+}

src/app/[locale]/route.tsx

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export async function GET() {
+  redirect("/dashboard");
+}

src/components/body-layout.tsx

@@ -42,9 +42,7 @@ export function BodyLayout({ children }: { children: React.ReactNode }) {
           </nav>
         </Collapsible>
       </aside>
-      <main className="flex min-h-screen w-full flex-col overflow-y-auto ">
-        {children}
-      </main>
+      <main className="flex w-full flex-col overflow-y-auto ">{children}</main>
     </div>
   );
 }

src/config/control-board.ts

@@ -4,7 +4,7 @@ export const controlboardConfig: ControlBoardConfig = {
   sidebarUpNav: [
     {
       title: "Dashboard",
-      href: "/",
+      href: "/dashboard",
       icon: "dashboard",
     },
     {