diff options
Diffstat (limited to 'apps/web/src/components/editor/timeline/timeline-tick.tsx')
| -rw-r--r-- | apps/web/src/components/editor/timeline/timeline-tick.tsx | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/apps/web/src/components/editor/timeline/timeline-tick.tsx b/apps/web/src/components/editor/timeline/timeline-tick.tsx deleted file mode 100644 index 9402d25e..00000000 --- a/apps/web/src/components/editor/timeline/timeline-tick.tsx +++ /dev/null @@ -1,39 +0,0 @@ -"use client"; - -import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; -import { formatRulerLabel } from "@/lib/timeline/ruler-utils"; - -interface TimelineTickProps { - time: number; - zoomLevel: number; - fps: number; - showLabel: boolean; -} - -export function TimelineTick({ - time, - zoomLevel, - fps, - showLabel, -}: TimelineTickProps) { - const leftPosition = time * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel; - - if (showLabel) { - const label = formatRulerLabel({ timeInSeconds: time, fps }); - return ( - <span - className="text-muted-foreground/85 absolute bottom-0 select-none text-[10px] leading-none" - style={{ left: `${leftPosition}px` }} - > - {label} - </span> - ); - } - - return ( - <div - className="border-muted-foreground/25 absolute bottom-0.5 h-1.5 border-l" - style={{ left: `${leftPosition}px` }} - /> - ); -} |
