From f75e7b775ee19c7cb13d77dcfb50e9f375f03a85 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sat, 28 Jan 2023 08:46:00 +0700
Subject: [PATCH] moved scope to below search bar

---
 .../tts_model_list/search/SearchOmnibar.tsx   | 50 ++++++++-----------
 1 file changed, 20 insertions(+), 30 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx
index 75712bdca9..68451ecfa1 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx
@@ -39,32 +39,6 @@ export function SearchOmnibar(props: Props) {
 
   return (
     <>
-      <div
-        className={`sliding-content ${
-          isOpen ? "open pb-4" : "closed"
-        }`}
-      >
-        <ExploreVoicesTray
-          allTtsCategories={props.allTtsCategories}
-          allTtsModels={props.allTtsModels}
-          allTtsCategoriesByTokenMap={
-            props.allTtsCategoriesByTokenMap
-          }
-          allTtsModelsByTokenMap={props.allTtsModelsByTokenMap}
-          ttsModelsByCategoryToken={props.ttsModelsByCategoryToken}
-          dropdownCategories={props.dropdownCategories}
-          setDropdownCategories={props.setDropdownCategories}
-          selectedCategories={props.selectedCategories}
-          setSelectedCategories={props.setSelectedCategories}
-          maybeSelectedTtsModel={props.maybeSelectedTtsModel}
-          setMaybeSelectedTtsModel={props.setMaybeSelectedTtsModel}
-          selectedTtsLanguageScope={props.selectedTtsLanguageScope}
-          setSelectedTtsLanguageScope={
-            props.setSelectedTtsLanguageScope
-          }
-        />
-      </div>
-
       <div className="pb-4">
         <VoiceCountLabel
           allTtsModels={props.allTtsModels}
@@ -104,12 +78,28 @@ export function SearchOmnibar(props: Props) {
               icon={isOpen ? faChevronUp : faChevronDown}
               className="me-2"
             />
-            {t(
-              "tts.TtsModelListPage.exploreModal.exploreModalOpenButton"
-            )}
+            {t("tts.TtsModelListPage.exploreModal.exploreModalOpenButton")}
           </button>
         </div>
       </div>
+
+      <div className={`sliding-content ${isOpen ? "open pb-4" : "closed"}`}>
+        <ExploreVoicesTray
+          allTtsCategories={props.allTtsCategories}
+          allTtsModels={props.allTtsModels}
+          allTtsCategoriesByTokenMap={props.allTtsCategoriesByTokenMap}
+          allTtsModelsByTokenMap={props.allTtsModelsByTokenMap}
+          ttsModelsByCategoryToken={props.ttsModelsByCategoryToken}
+          dropdownCategories={props.dropdownCategories}
+          setDropdownCategories={props.setDropdownCategories}
+          selectedCategories={props.selectedCategories}
+          setSelectedCategories={props.setSelectedCategories}
+          maybeSelectedTtsModel={props.maybeSelectedTtsModel}
+          setMaybeSelectedTtsModel={props.setMaybeSelectedTtsModel}
+          selectedTtsLanguageScope={props.selectedTtsLanguageScope}
+          setSelectedTtsLanguageScope={props.setSelectedTtsLanguageScope}
+        />
+      </div>
     </>
-  )
+  );
 }