refactor: editor header

1 files changed, 4 insertions, 3 deletions

diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index aaea97bd..e3d2359e 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -5,11 +5,12 @@ import { Button } from "./ui/button";
 import { ChevronLeft, Download } from "lucide-react";

 import { useTimelineStore } from "@/stores/timeline-store";

 import { HeaderBase } from "./header-base";

-import { ProjectNameEditor } from "./editor/project-name-editor";

 import { formatTimeCode } from "@/lib/time";

+import { useProjectStore } from "@/stores/project-store";

 

 export function EditorHeader() {

   const { getTotalDuration } = useTimelineStore();

+  const { activeProject } = useProjectStore();

 

   const handleExport = () => {

     // TODO: Implement export functionality

@@ -19,12 +20,12 @@ export function EditorHeader() {
   const leftContent = (

     <div className="flex items-center gap-2">

       <Link

-        href="/"

+        href="/projects"

         className="font-medium tracking-tight flex items-center gap-2 hover:opacity-80 transition-opacity"

       >

         <ChevronLeft className="h-4 w-4" />

+        <span className="text-sm">{activeProject?.name}</span>

       </Link>

-      <ProjectNameEditor />

     </div>

   );