From 434a832d8ed38563d61e091a45a6d68c688c973b Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Thu, 3 Jul 2025 22:07:33 +0200
Subject: [PATCH] feat: add TextView component to media panel

---
 apps/web/src/components/editor/media-panel/index.tsx     | 5 ++---
 .../web/src/components/editor/media-panel/views/text.tsx | 9 +++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 apps/web/src/components/editor/media-panel/views/text.tsx

diff --git a/apps/web/src/components/editor/media-panel/index.tsx b/apps/web/src/components/editor/media-panel/index.tsx
index f855fa3..51e9a26 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 0000000..c38b247
--- /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>
+  );
+}