wip monorepo

apps/insights.saladeaula.digital/app/routes/home.tsx

@@ -1,17 +1,16 @@
-import type { Route } from "./+types/home";
-import { Welcome } from "../welcome/welcome";
+import type { Route } from './+types/home'
 
 export function meta({}: Route.MetaArgs) {
   return [
-    { title: "New React Router App" },
-    { name: "description", content: "Welcome to React Router!" },
-  ];
+    { title: 'New React Router App' },
+    { name: 'description', content: 'Welcome to React Router!' }
+  ]
 }
 
 export function loader({ context }: Route.LoaderArgs) {
-  return { message: context.cloudflare.env.VALUE_FROM_CLOUDFLARE };
+  return { message: context.cloudflare.env.VALUE_FROM_CLOUDFLARE }
 }
 
 export default function Home({ loaderData }: Route.ComponentProps) {
-  return <Welcome message={loaderData.message} />;
+  return <>{loaderData.message}</>
 }

apps/insights.saladeaula.digital/app/routes/layout.tsx

@@ -0,0 +1,31 @@
+import type { Route } from './+types'
+
+import { Link, Outlet } from 'react-router'
+
+// import dark from '@repo/components/logo-dark.svg'
+// import { NavUser } from '@/components/nav-user'
+
+export default function Component({ loaderData }: Route.ComponentProps) {
+  // const { user } = loaderData
+
+  return (
+    <div className="relative flex flex-col flex-1 min-w-0">
+      <header
+        className="bg-background/15 backdrop-blur-sm
+                   px-4 py-2 lg:py-4 sticky top-0 z-5"
+      >
+        <div className="container mx-auto flex items-center">
+          <Link to="/">{/*<img src={dark} className="h-6 lg:h-8" />*/}</Link>
+
+          <div className="ml-auto">{/*<NavUser user={user} />*/}</div>
+        </div>
+      </header>
+
+      <main className="p-4">
+        <div className="container mx-auto">
+          <Outlet />
+        </div>
+      </main>
+    </div>
+  )
+}