diff --git a/apps/web/src/app/editor/page.tsx b/apps/web/src/app/editor/page.tsx index f9f64ee..cc2db10 100644 --- a/apps/web/src/app/editor/page.tsx +++ b/apps/web/src/app/editor/page.tsx @@ -13,6 +13,7 @@ import { PreviewPanel } from "../../components/editor/preview-panel"; import { EditorHeader } from "@/components/editor-header"; import { usePanelStore } from "@/stores/panel-store"; import { useProjectStore } from "@/stores/project-store"; +import { EditorProvider } from "@/components/editor-provider"; export default function Editor() { const { @@ -38,59 +39,61 @@ export default function Editor() { }, [activeProject, createNewProject]); return ( -
- - - - {/* Main content area */} - - {/* Tools Panel */} - - - + +
+ + + + {/* Main content area */} + + {/* Tools Panel */} + + + - + - {/* Preview Area */} - - - + {/* Preview Area */} + + + - + - {/* Properties Panel */} - - - - - + {/* Properties Panel */} + + + + + - + - {/* Timeline */} - - - - -
+ {/* Timeline */} + + + +
+
+ ); } diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index 6696e88..b07aef2 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -5,7 +5,6 @@ import { Analytics } from "@vercel/analytics/react"; import "./globals.css"; import { Toaster } from "../components/ui/sonner"; import { TooltipProvider } from "../components/ui/tooltip"; -import { AppProvider } from "@/components/app-provider"; const inter = Inter({ subsets: ["latin"], @@ -26,13 +25,11 @@ export default function RootLayout({ - - - {children} - - - - + + {children} + + + diff --git a/apps/web/src/components/app-provider.tsx b/apps/web/src/components/editor-provider.tsx similarity index 84% rename from apps/web/src/components/app-provider.tsx rename to apps/web/src/components/editor-provider.tsx index 257fc8f..fbae4c9 100644 --- a/apps/web/src/components/app-provider.tsx +++ b/apps/web/src/components/editor-provider.tsx @@ -2,14 +2,14 @@ import { useEffect } from "react"; import { Loader2 } from "lucide-react"; -import { useAppStore } from "@/stores/app-store"; +import { useAppStore } from "@/stores/editor-store"; import { usePanelStore } from "@/stores/panel-store"; -interface AppProviderProps { +interface EditorProviderProps { children: React.ReactNode; } -export function AppProvider({ children }: AppProviderProps) { +export function EditorProvider({ children }: EditorProviderProps) { const { isInitializing, isPanelsReady, initializeApp } = useAppStore(); const { setInitialized } = usePanelStore(); diff --git a/apps/web/src/stores/app-store.ts b/apps/web/src/stores/editor-store.ts similarity index 100% rename from apps/web/src/stores/app-store.ts rename to apps/web/src/stores/editor-store.ts