another huge refactor

4 files changed, 3 insertions, 70 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/base-view.tsx b/apps/web/src/components/editor/media-panel/views/base-view.tsx
deleted file mode 100644
index 2cd33535..00000000
--- a/apps/web/src/components/editor/media-panel/views/base-view.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ScrollArea } from "@/components/ui/scroll-area";

-import { Separator } from "@/components/ui/separator";

-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";

-

-interface BaseViewProps {

-  children?: React.ReactNode;

-  defaultTab?: string;

-  tabs?: {

-    value: string;

-    label: string;

-    content: React.ReactNode;

-  }[];

-  className?: string;

-  ref?: React.RefObject<HTMLDivElement>;

-}

-

-function ViewContent({

-  children,

-  className,

-}: {

-  children: React.ReactNode;

-  className?: string;

-}) {

-  return (

-    <ScrollArea className="flex-1">

-      <div className={`p-5 h-full ${className}`}>{children}</div>

-    </ScrollArea>

-  );

-}

-

-export function BaseView({

-  children,

-  defaultTab,

-  tabs,

-  className = "",

-  ref,

-}: BaseViewProps) {

-  return (

-    <div className={`h-full flex flex-col ${className}`} ref={ref}>

-      {!tabs || tabs.length === 0 ? (

-        <ViewContent className={className}>{children}</ViewContent>

-      ) : (

-        <Tabs defaultValue={defaultTab} className="flex flex-col h-full">

-          <div className="px-3 pt-4 pb-0">

-            <TabsList>

-              {tabs.map((tab) => (

-                <TabsTrigger key={tab.value} value={tab.value}>

-                  {tab.label}

-                </TabsTrigger>

-              ))}

-            </TabsList>

-          </div>

-          <Separator className="mt-4" />

-          {tabs.map((tab) => (

-            <TabsContent

-              key={tab.value}

-              value={tab.value}

-              className="mt-0 flex-1 flex flex-col min-h-0"

-            >

-              <ViewContent>{tab.content}</ViewContent>

-            </TabsContent>

-          ))}

-        </Tabs>

-      )}

-    </div>

-  );

-}

diff --git a/apps/web/src/components/editor/media-panel/views/captions.tsx b/apps/web/src/components/editor/media-panel/views/captions.tsx
index 393481a5..59403a8d 100644
--- a/apps/web/src/components/editor/media-panel/views/captions.tsx
+++ b/apps/web/src/components/editor/media-panel/views/captions.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/ui/button";
 import { PropertyGroup } from "../../properties-panel/property-item";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import { Language, LanguageSelect } from "@/components/language-select";
 import { useState, useRef, useEffect } from "react";
 import { extractTimelineAudio } from "@/lib/mediabunny-utils";
diff --git a/apps/web/src/components/editor/media-panel/views/settings.tsx b/apps/web/src/components/editor/media-panel/views/settings.tsx
index d33b4cce..df1ec54f 100644
--- a/apps/web/src/components/editor/media-panel/views/settings.tsx
+++ b/apps/web/src/components/editor/media-panel/views/settings.tsx
@@ -7,7 +7,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import {
   PropertyItem,
   PropertyItemLabel,
diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
index 5d522c84..22fc2413 100644
--- a/apps/web/src/components/editor/media-panel/views/text.tsx
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -1,5 +1,5 @@
 import { DraggableMediaItem } from "@/components/ui/draggable-item";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import { useTimelineStore } from "@/stores/timeline-store";
 import { DEFAULT_TEXT_ELEMENT } from "@/constants/text-constants";