diff options
| author | Maze <167211895+mazeincoding@users.noreply.github.com> | 2025-07-17 13:02:30 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-07-17 13:02:30 +0200 |
| commit | 9bf5ce399c98911338f47c89c31992e7e91a848d (patch) | |
| tree | 48bd51992b723eca50803f36071cb43b21863126 /apps/web/src/components/editor/timeline/track-icon.tsx | |
| parent | 7d4cbca1190edc12ff9ae17029613b77b08436e0 (diff) | |
| parent | 167f366c6d791dfc054d64f50e83828960668e55 (diff) | |
| download | opencut-9bf5ce399c98911338f47c89c31992e7e91a848d.tar.gz | |
Merge pull request #324 from simonorzel26/feat/refactor-timeline
feat(web): timeline refactor and horizontal + vertical scrolling
Diffstat (limited to 'apps/web/src/components/editor/timeline/track-icon.tsx')
| -rw-r--r-- | apps/web/src/components/editor/timeline/track-icon.tsx | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/apps/web/src/components/editor/timeline/track-icon.tsx b/apps/web/src/components/editor/timeline/track-icon.tsx new file mode 100644 index 00000000..609c2849 --- /dev/null +++ b/apps/web/src/components/editor/timeline/track-icon.tsx @@ -0,0 +1,18 @@ +import { Video, Music, TypeIcon } from "lucide-react"; +import type { TimelineTrack } from "@/types/timeline"; + +export function TrackIcon({ track }: { track: TimelineTrack }) { + return ( + <> + {track.type === "media" && ( + <Video className="w-4 h-4 flex-shrink-0 text-muted-foreground" /> + )} + {track.type === "text" && ( + <TypeIcon className="w-4 h-4 flex-shrink-0 text-muted-foreground" /> + )} + {track.type === "audio" && ( + <Music className="w-4 h-4 flex-shrink-0 text-muted-foreground" /> + )} + </> + ); +} |