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

feature: add project name editing functionality

Browse Source
This commit is contained in:
Pulkit Garg
2025-06-25 10:26:29 +05:30
parent 7461b763b1
commit 411a9a5f1c
3 changed files with 133 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/web/src/components/editor-header.tsx
View File

@ -6,6 +6,7 @@ import { ChevronLeft, Download } from "lucide-react";
import { useProjectStore } from "@/stores/project-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { HeaderBase } from "./header-base";
import { ProjectNameEditor } from "./editor/project-name-editor";
export function EditorHeader() {
const { activeProject } = useProjectStore();
@ -24,13 +25,15 @@ export function EditorHeader() {
};
const leftContent = (
<Link
href="/"
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 || "Loading..."}</span>
</Link>
<div className="flex items-center gap-2">
<Link
href="/"
className="font-medium tracking-tight flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<ChevronLeft className="h-4 w-4" />
</Link>
<ProjectNameEditor />
</div>
);
const centerContent = (