From accad442f48f9d1254d889054dfbce81ea6acda0 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 16 Jul 2025 22:47:17 +0200
Subject: cleanup

---
 apps/web/src/app/editor/[project_id]/page.tsx | 11 +++++++++--
 apps/web/src/app/projects/page.tsx            | 12 ++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

(limited to 'apps/web/src/app')

diff --git a/apps/web/src/app/editor/[project_id]/page.tsx b/apps/web/src/app/editor/[project_id]/page.tsx
index 65667106..41bef8bd 100644
--- a/apps/web/src/app/editor/[project_id]/page.tsx
+++ b/apps/web/src/app/editor/[project_id]/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useParams, useRouter } from "next/navigation";
 import {
   ResizablePanelGroup,
@@ -16,6 +16,7 @@ import { usePanelStore } from "@/stores/panel-store";
 import { useProjectStore } from "@/stores/project-store";
 import { EditorProvider } from "@/components/editor-provider";
 import { usePlaybackControls } from "@/hooks/use-playback-controls";
+import { Onboarding } from "@/components/onboarding";
 
 export default function Editor() {
   const {
@@ -36,12 +37,12 @@ export default function Editor() {
   const router = useRouter();
   const projectId = params.project_id as string;
   const handledProjectIds = useRef<Set<string>>(new Set());
+  const [isOnboardingOpen, setIsOnboardingOpen] = useState(true);
 
   usePlaybackControls();
 
   useEffect(() => {
     const initProject = async () => {
-
       if (!projectId) return;
 
       if (activeProject?.id === projectId) {
@@ -139,6 +140,12 @@ export default function Editor() {
           </ResizablePanelGroup>
         </div>
       </div>
+      <Onboarding
+        isOpen={isOnboardingOpen}
+        onClose={() => {
+          setIsOnboardingOpen(false);
+        }}
+      />
     </EditorProvider>
   );
 }
diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx
index 499b999a..9fcb025b 100644
--- a/apps/web/src/app/projects/page.tsx
+++ b/apps/web/src/app/projects/page.tsx
@@ -1,7 +1,8 @@
-"use client";
+"use client"
+import { redirect } from "next/navigation";
 
 import Link from "next/link";
-import { useState } from "react";
+import React, { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -28,8 +29,15 @@ import { useProjectStore } from "@/stores/project-store";
 import { useRouter } from "next/navigation";
 import { DeleteProjectDialog } from "@/components/delete-project-dialog";
 import { RenameProjectDialog } from "@/components/rename-project-dialog";
+import { toast } from "sonner";
 
 export default function ProjectsPage() {
+  
+  if (process.env.NODE_ENV !== "development") {
+    toast.error("You are not allowed to access this page");
+    redirect("/");
+  }
+
   const {
     createNewProject,
     savedProjects,
-- 
cgit v1.3.1


From 7d1f99c20ca60933984fe08ef83601248c6e0765 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 16 Jul 2025 22:49:10 +0200
Subject: fix

---
 apps/web/src/app/projects/page.tsx   | 12 ++----------
 apps/web/src/stores/project-store.ts | 11 -----------
 2 files changed, 2 insertions(+), 21 deletions(-)

(limited to 'apps/web/src/app')

diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx
index 9fcb025b..499b999a 100644
--- a/apps/web/src/app/projects/page.tsx
+++ b/apps/web/src/app/projects/page.tsx
@@ -1,8 +1,7 @@
-"use client"
-import { redirect } from "next/navigation";
+"use client";
 
 import Link from "next/link";
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -29,15 +28,8 @@ import { useProjectStore } from "@/stores/project-store";
 import { useRouter } from "next/navigation";
 import { DeleteProjectDialog } from "@/components/delete-project-dialog";
 import { RenameProjectDialog } from "@/components/rename-project-dialog";
-import { toast } from "sonner";
 
 export default function ProjectsPage() {
-  
-  if (process.env.NODE_ENV !== "development") {
-    toast.error("You are not allowed to access this page");
-    redirect("/");
-  }
-
   const {
     createNewProject,
     savedProjects,
diff --git a/apps/web/src/stores/project-store.ts b/apps/web/src/stores/project-store.ts
index 5017be2d..efb9cc71 100644
--- a/apps/web/src/stores/project-store.ts
+++ b/apps/web/src/stores/project-store.ts
@@ -5,7 +5,6 @@ import { toast } from "sonner";
 import { useMediaStore } from "./media-store";
 import { useTimelineStore } from "./timeline-store";
 import { generateUUID } from "@/lib/utils";
-import { env } from "@/env";
 
 interface ProjectStore {
   activeProject: TProject | null;
@@ -37,16 +36,6 @@ export const useProjectStore = create<ProjectStore>((set, get) => ({
   isInitialized: false,
 
   createNewProject: async (name: string) => {
-    try {
-      if (process.env.NODE_ENV !== "development") {
-      toast.error("Project creation is disabled outside development environment");
-      throw new Error("Not allowed in production");
-    }
-    } catch (error) {
-      toast.error("Failed to create new project");
-      throw error;
-    }
-
     const newProject: TProject = {
       id: generateUUID(),
       name,
-- 
cgit v1.3.1