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

feat: add TextView component to media panel

Browse Source
This commit is contained in:
Maze Winther
2025-07-03 22:07:33 +02:00
parent 1372c218ad
commit 434a832d8e
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/editor/media-panel/index.tsx
View File

@ -3,6 +3,7 @@
import { TabBar } from "./tabbar"; import { TabBar } from "./tabbar";
import { MediaView } from "./views/media"; import { MediaView } from "./views/media";
import { useMediaPanelStore, Tab } from "./store"; import { useMediaPanelStore, Tab } from "./store";
import { TextView } from "./views/text";
export function MediaPanel() { export function MediaPanel() {
const { activeTab } = useMediaPanelStore(); const { activeTab } = useMediaPanelStore();
@ -12,9 +13,7 @@ export function MediaPanel() {
audio: ( audio: (
<div className="p-4 text-muted-foreground">Audio view coming soon...</div> <div className="p-4 text-muted-foreground">Audio view coming soon...</div>
), ),
text: ( text: <TextView />,
<div className="p-4 text-muted-foreground">Text view coming soon...</div>
),
stickers: ( stickers: (
<div className="p-4 text-muted-foreground"> <div className="p-4 text-muted-foreground">
Stickers view coming soon... Stickers view coming soon...

9
apps/web/src/components/editor/media-panel/views/text.tsx Normal file
View File

@ -0,0 +1,9 @@
export function TextView() {
return (
<div className="p-4">
<div className="p-3 bg-accent/50 rounded-lg flex items-center justify-center size-24">
<span className="text-xs">Default text</span>
</div>
</div>
);
}