Merge branch 'ditch-nextjs' into canary

src/components/layouts/newsfeed.tsx

@@ -0,0 +1,23 @@
+import AppHeader from '@components/appHeader';
+import MultiAccounts from '@components/multiAccounts';
+
+export default function NewsfeedLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-white">
+      <div className="flex h-screen w-full flex-col">
+        <div
+          data-tauri-drag-region
+          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+        >
+          <AppHeader collector={true} />
+        </div>
+        <div className="relative flex min-h-0 w-full flex-1">
+          <div className="relative w-[68px] shrink-0 border-r border-zinc-900">
+            <MultiAccounts />
+          </div>
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/layouts/onboarding.tsx

@@ -0,0 +1,17 @@
+import AppHeader from '@components/appHeader';
+
+export default function OnboardingLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-white">
+      <div className="flex h-screen w-full flex-col">
+        <div
+          data-tauri-drag-region
+          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+        >
+          <AppHeader collector={false} />
+        </div>
+        <div className="relative flex min-h-0 w-full flex-1">{children}</div>
+      </div>
+    </div>
+  );
+}