feat: add TextView component to media panel

2 files changed, 11 insertions, 3 deletions

diff --git a/apps/web/src/components/editor/media-panel/index.tsx b/apps/web/src/components/editor/media-panel/index.tsx
index f855fa36..51e9a264 100644
--- a/apps/web/src/components/editor/media-panel/index.tsx
+++ b/apps/web/src/components/editor/media-panel/index.tsx
@@ -3,6 +3,7 @@
 import { TabBar } from "./tabbar";

 import { MediaView } from "./views/media";

 import { useMediaPanelStore, Tab } from "./store";

+import { TextView } from "./views/text";

 

 export function MediaPanel() {

   const { activeTab } = useMediaPanelStore();

@@ -12,9 +13,7 @@ export function MediaPanel() {
     audio: (

       <div className="p-4 text-muted-foreground">Audio view coming soon...</div>

     ),

-    text: (

-      <div className="p-4 text-muted-foreground">Text view coming soon...</div>

-    ),

+    text: <TextView />,

     stickers: (

       <div className="p-4 text-muted-foreground">

         Stickers view coming soon...

diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
new file mode 100644
index 00000000..c38b2472
--- /dev/null
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -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>

+  );

+}