From 381f77ce6d481147cb0c9da6050334db5cf673bc Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Sun, 18 Feb 2024 00:35:37 -0500
Subject: [PATCH] select video tabs done, code simplified

---
 .../SelectModalVideoTabs.tsx                  | 22 +++++++++++--------
 .../components/tabContentLibrary.tsx          | 11 +---------
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/SelectModalVideoTabs/SelectModalVideoTabs.tsx b/packages/fakeyou.com/src/components/common/SelectModalVideoTabs/SelectModalVideoTabs.tsx
index cdd35526fe..c404527c4b 100644
--- a/packages/fakeyou.com/src/components/common/SelectModalVideoTabs/SelectModalVideoTabs.tsx
+++ b/packages/fakeyou.com/src/components/common/SelectModalVideoTabs/SelectModalVideoTabs.tsx
@@ -12,7 +12,7 @@ import {
   MediaCards,
   Pagination,
   SkeletonCard,
-  // NonRouteTabs
+  NonRouteTabs
 } from "components/common";
 
 import { SelectModalData, SelectModalV2} from "../SelectModal";
@@ -21,29 +21,33 @@ import prepFilter from "resources/prepFilter";
 
 export default memo(function SelectModalWrapper({
   debug = false,
-  value,
+  value = "",
   modalTitle,
   inputLabel,
   onSelect
 }: {
   debug?: boolean;
-  value: SelectModalData;
+  value?: string;
   modalTitle: string;
   inputLabel: string;
   onSelect: (data:SelectModalData) => void;
 }) {
-
+  const tabs = [{
+    label: "All Videos",
+    content: (
+      <div className="searcher-container in-modal" id="allVideos">
+        <VideoTabsContent debug={debug} onSelect={onSelect}/>
+      </div>
+    )
+  }]
   return (
     <SelectModalV2
       modalTitle={modalTitle}
       label={inputLabel}
-      value={value.title !=="" 
-      ? value.title 
-      : value.token || ""}
+      value={value}
       onClear={()=>{onSelect({title:"",token:""})}}
-      // searcher={true}
     >
-      <VideoTabsContent debug={debug} onSelect={onSelect}/>
+      <NonRouteTabs tabs={tabs} />
     </SelectModalV2>
   );
 });
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/tabContentLibrary.tsx b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/tabContentLibrary.tsx
index bc407ead0f..78a5d1e806 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/tabContentLibrary.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/tabContentLibrary.tsx
@@ -31,19 +31,10 @@ export default function TabContentLibrary({
     <div className="row g-3">
       <div className="col-12">
         <SelectModalVideoTabs
-          value={{token:pageState.mediaFileToken||"", title:""}}
+          value={pageState.mediaFileToken}
           modalTitle="Select a Video"
           inputLabel="Select a Video"
           onSelect={handleOnSelect}
-          // tabs={[
-          //   {
-          //     label: "All Videos",
-          //     tabKey: "allVideos",
-          //     typeFilter: "video",
-          //     searcher: false,
-          //     type: "media",
-          //   },
-          // ]}
         />
         {pageState.mediaFileToken && 
           <VideoFakeyou mediaToken={pageState.mediaFileToken} />