Merge branch 'staging'

2 files changed, 22 insertions, 4 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/audio.tsx b/apps/web/src/components/editor/media-panel/views/audio.tsx
new file mode 100644
index 00000000..7ddf465c
--- /dev/null
+++ b/apps/web/src/components/editor/media-panel/views/audio.tsx
@@ -0,0 +1,18 @@
+"use client";

+

+import { Input } from "@/components/ui/input";

+import { useState } from "react";

+

+export function AudioView() {

+  const [search, setSearch] = useState("");

+  return (

+    <div className="h-full flex flex-col gap-2 p-4">

+      <Input

+        placeholder="Search songs and artists"

+        value={search}

+        onChange={(e) => setSearch(e.target.value)}

+      />

+      <div className="flex flex-col gap-2"></div>

+    </div>

+  );

+}

diff --git a/apps/web/src/components/editor/media-panel/views/media.tsx b/apps/web/src/components/editor/media-panel/views/media.tsx
index 631fe39a..0189720f 100644
--- a/apps/web/src/components/editor/media-panel/views/media.tsx
+++ b/apps/web/src/components/editor/media-panel/views/media.tsx
@@ -208,10 +208,10 @@ export function MediaView() {
           {/* Search and filter controls */}

           <div className="flex gap-2">

             <Select value={mediaFilter} onValueChange={setMediaFilter}>

-              <SelectTrigger className="w-[80px] h-full text-xs">

+              <SelectTrigger className="w-[80px] h-9 text-xs">

                 <SelectValue />

               </SelectTrigger>

-              <SelectContent className="">

+              <SelectContent>

                 <SelectItem value="all">All</SelectItem>

                 <SelectItem value="video">Video</SelectItem>

                 <SelectItem value="audio">Audio</SelectItem>

@@ -221,7 +221,7 @@ export function MediaView() {
             <Input

               type="text"

               placeholder="Search media..."

-              className="min-w-[60px] flex-1 h-full text-xs"

+              className="min-w-[60px] flex-1 h-9 text-xs"

               value={searchQuery}

               onChange={(e) => setSearchQuery(e.target.value)}

             />

@@ -230,7 +230,7 @@ export function MediaView() {
               size="lg"

               onClick={handleFileSelect}

               disabled={isProcessing}

-              className="flex-none bg-transparent min-w-[30px] whitespace-nowrap overflow-hidden px-2 justify-center items-center"

+              className="flex-none bg-transparent min-w-[30px] whitespace-nowrap overflow-hidden px-2 justify-center items-center h-9"

             >

               {isProcessing ? (

                 <Loader2 className="h-4 w-4 animate-spin" />