RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: format code

This commit is contained in:
Kha Nguyen 2025-07-23 20:27:38 -05:00
parent b8671eb761
commit 0b7a943de3
3 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,15 +1,14 @@
"use client"; "use client";
import { Download, SquarePen } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { Button } from "./ui/button"; import { type MouseEvent, useRef, useState } from "react";
import { ChevronLeft, Download, SquarePen } from "lucide-react"; import { Input } from "@/components/ui/input";
import { useTimelineStore } from "@/stores/timeline-store";
import { HeaderBase } from "./header-base";
import { formatTimeCode } from "@/lib/time"; import { formatTimeCode } from "@/lib/time";
import { useProjectStore } from "@/stores/project-store"; import { useProjectStore } from "@/stores/project-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { HeaderBase } from "./header-base";
import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help"; import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";
import { useState, useRef, MouseEvent } from "react";
import { Input } from "@/components/ui/input";
import { import {
Breadcrumb, Breadcrumb,
BreadcrumbItem, BreadcrumbItem,
@ -17,6 +16,7 @@ import {
BreadcrumbList, BreadcrumbList,
BreadcrumbSeparator, BreadcrumbSeparator,
} from "./ui/breadcrumb"; } from "./ui/breadcrumb";
import { Button } from "./ui/button";
export function EditorHeader() { export function EditorHeader() {
const { getTotalDuration } = useTimelineStore(); const { getTotalDuration } = useTimelineStore();

16
apps/web/src/components/editor/properties-panel/index.tsx
View File

@ -1,14 +1,12 @@
"use client"; "use client";
import { useProjectStore } from "@/stores/project-store"; import { FPS_PRESETS } from "@/constants/timeline-constants";
import { useAspectRatio } from "@/hooks/use-aspect-ratio"; import { useAspectRatio } from "@/hooks/use-aspect-ratio";
import { useMediaStore } from "@/stores/media-store";
import { useProjectStore } from "@/stores/project-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { Label } from "../../ui/label"; import { Label } from "../../ui/label";
import { ScrollArea } from "../../ui/scroll-area"; import { ScrollArea } from "../../ui/scroll-area";
import { useTimelineStore } from "@/stores/timeline-store";
import { useMediaStore } from "@/stores/media-store";
import { AudioProperties } from "./audio-properties";
import { MediaProperties } from "./media-properties";
import { TextProperties } from "./text-properties";
import { import {
Select, Select,
SelectContent, SelectContent,
@ -16,7 +14,9 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from "../../ui/select"; } from "../../ui/select";
import { FPS_PRESETS } from "@/constants/timeline-constants"; import { AudioProperties } from "./audio-properties";
import { MediaProperties } from "./media-properties";
import { TextProperties } from "./text-properties";
export function PropertiesPanel() { export function PropertiesPanel() {
const { activeProject, updateProjectFps } = useProjectStore(); const { activeProject, updateProjectFps } = useProjectStore();
@ -83,7 +83,7 @@ export function PropertiesPanel() {
); );
if (mediaItem?.type === "audio") { if (mediaItem?.type === "audio") {
return <AudioProperties element={element} />; return <AudioProperties key={elementId} element={element} />;
} }
return ( return (

2
apps/web/src/components/header-base.tsx
View File

@ -1,7 +1,7 @@
"use client"; "use client";
import type { ReactNode } from "react";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { ReactNode } from "react";
interface HeaderBaseProps { interface HeaderBaseProps {
leftContent?: ReactNode; leftContent?: ReactNode;