Revert "format, cleanup, deps"

This reverts commit eab8ec3ba81b86fdd4ade920d999c28fb34785b1.

1 files changed, 68 insertions, 68 deletions

diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index 99b9d8e3..3b51e182 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -1,68 +1,68 @@
-"use client";
-
-import Link from "next/link";
-import { Button } from "./ui/button";
-import { ChevronLeft, Download } from "lucide-react";
-import { useTimelineStore } from "@/stores/timeline-store";
-import { HeaderBase } from "./header-base";
-import { formatTimeCode } from "@/lib/time";
-import { useProjectStore } from "@/stores/project-store";
-import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";
-
-export function EditorHeader() {
-	const { getTotalDuration } = useTimelineStore();
-	const { activeProject } = useProjectStore();
-
-	const handleExport = () => {
-		// TODO: Implement export functionality
-		console.log("Export project");
-	};
-
-	const leftContent = (
-		<div className="flex items-center gap-2">
-			<Link
-				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>
-		</div>
-	);
-
-	const centerContent = (
-		<div className="flex items-center gap-2 text-xs">
-			<span>
-				{formatTimeCode(
-					getTotalDuration(),
-					"HH:MM:SS:FF",
-					activeProject?.fps || 30,
-				)}
-			</span>
-		</div>
-	);
-
-	const rightContent = (
-		<nav className="flex items-center gap-2">
-			<KeyboardShortcutsHelp />
-			<Button
-				size="sm"
-				variant="primary"
-				className="h-7 text-xs"
-				onClick={handleExport}
-			>
-				<Download className="h-4 w-4" />
-				<span className="text-sm">Export</span>
-			</Button>
-		</nav>
-	);
-
-	return (
-		<HeaderBase
-			leftContent={leftContent}
-			centerContent={centerContent}
-			rightContent={rightContent}
-			className="bg-background h-[3.2rem] px-4"
-		/>
-	);
-}
+"use client";

+

+import Link from "next/link";

+import { Button } from "./ui/button";

+import { ChevronLeft, Download } from "lucide-react";

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

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

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

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

+import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";

+

+export function EditorHeader() {

+  const { getTotalDuration } = useTimelineStore();

+  const { activeProject } = useProjectStore();

+

+  const handleExport = () => {

+    // TODO: Implement export functionality

+    console.log("Export project");

+  };

+

+  const leftContent = (

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

+      <Link

+        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>

+    </div>

+  );

+

+  const centerContent = (

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

+      <span>

+        {formatTimeCode(

+          getTotalDuration(),

+          "HH:MM:SS:FF",

+          activeProject?.fps || 30

+        )}

+      </span>

+    </div>

+  );

+

+  const rightContent = (

+    <nav className="flex items-center gap-2">

+      <KeyboardShortcutsHelp />

+      <Button

+        size="sm"

+        variant="primary"

+        className="h-7 text-xs"

+        onClick={handleExport}

+      >

+        <Download className="h-4 w-4" />

+        <span className="text-sm">Export</span>

+      </Button>

+    </nav>

+  );

+

+  return (

+    <HeaderBase

+      leftContent={leftContent}

+      centerContent={centerContent}

+      rightContent={rightContent}

+      className="bg-background h-[3.2rem] px-4"

+    />

+  );

+}