xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rename app provider to editor provider and add it to the editor instead

Browse Source
This commit is contained in:
Maze Winther
2025-06-22 13:08:37 +02:00
parent be97024868
commit 6b77e83ca0
4 changed files with 59 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/web/src/app/editor/page.tsx
View File

@ -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,6 +39,7 @@ export default function Editor() {
}, [activeProject, createNewProject]);
return (
<EditorProvider>
<div className="h-screen w-screen flex flex-col bg-background">
<EditorHeader />
<ResizablePanelGroup direction="vertical">
@ -92,5 +94,6 @@ export default function Editor() {
</ResizablePanel>
</ResizablePanelGroup>
</div>
</EditorProvider>
);
}

3
apps/web/src/app/layout.tsx
View File

@ -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({
<html lang="en" suppressHydrationWarning>
<body className={`${inter.variable} font-sans antialiased`}>
<ThemeProvider attribute="class" forcedTheme="dark" enableSystem>
<AppProvider>
<TooltipProvider>
{children}
<Analytics />
<Toaster />
</TooltipProvider>
</AppProvider>
</ThemeProvider>
</body>
</html>

6
apps/web/src/components/app-provider.tsx → apps/web/src/components/editor-provider.tsx
View File

@ -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();

0
apps/web/src/stores/app-store.ts → apps/web/src/stores/editor-store.ts
View File