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

improve lots of stuff around the editor

Browse Source
This commit is contained in:
Maze Winther
2025-06-22 22:10:50 +02:00
parent ce49c5ff5f
commit 7e3a80eb74
4 changed files with 59 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,20 +4,25 @@ import Link from "next/link";
import { Button } from "./ui/button";
import { ChevronLeft, Download } from "lucide-react";
import { useProjectStore } from "@/stores/project-store";
import { useMediaStore } from "@/stores/media-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { HeaderBase } from "./header-base";
export function EditorHeader() {
const { activeProject } = useProjectStore();
const { mediaItems } = useMediaStore();
const { tracks } = useTimelineStore();
const { getTotalDuration } = useTimelineStore();
const handleExport = () => {
// TODO: Implement export functionality
console.log("Export project");
};
// Format duration from seconds to MM:SS format
const formatDuration = (seconds: number): string => {
const minutes = Math.floor(seconds / 60);
const remainingSeconds = Math.floor(seconds % 60);
return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
};
const leftContent = (
<Link
href="/"
@ -30,9 +35,7 @@ export function EditorHeader() {
const centerContent = (
<div className="flex items-center gap-2 text-xs text-muted-foreground">
<span>{mediaItems.length} media</span>
<span>•</span>
<span>{tracks.length} tracks</span>
<span>{formatDuration(getTotalDuration())}</span>
</div>
);