From bb057b0bda10f369f988cb9863d8deb3bc6e9d42 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 27 Jan 2023 04:32:22 -0500
Subject: [PATCH] multiple conditions allowing search

---
 .../tts/tts_model_list/search/SearchOmnibar.tsx      |  4 +---
 .../search/components/ScopedVoiceModelOptions.tsx    | 12 ++++++++++--
 2 files changed, 11 insertions(+), 5 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 b3a8a7bc55..75712bdca9 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
@@ -37,8 +37,6 @@ export function SearchOmnibar(props: Props) {
     setIsOpen(!isOpen);
   };
 
-  const canSearchVoices = !isOpen; // TODO: Perhaps only set false on mobile.
-
   return (
     <>
       <div
@@ -88,7 +86,7 @@ export function SearchOmnibar(props: Props) {
               maybeSelectedTtsModel={props.maybeSelectedTtsModel}
               setMaybeSelectedTtsModel={props.setMaybeSelectedTtsModel}
               selectedTtsLanguageScope={props.selectedTtsLanguageScope}
-              canSearchVoices={canSearchVoices}
+              isExploreTrayOpen={isOpen}
             />
           </div>
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/components/ScopedVoiceModelOptions.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/components/ScopedVoiceModelOptions.tsx
index c1bf5cd021..1435b45dd3 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/components/ScopedVoiceModelOptions.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/components/ScopedVoiceModelOptions.tsx
@@ -25,7 +25,7 @@ interface Props {
 
   selectedTtsLanguageScope: string;
 
-  canSearchVoices: boolean;
+  isExploreTrayOpen: boolean;
 }
 
 export function ScopedVoiceModelOptions(props: Props) {
@@ -111,9 +111,17 @@ export function ScopedVoiceModelOptions(props: Props) {
     };
   }
 
+  const numberVoices = options.length;
+
+  const canSearchVoices = !props.isExploreTrayOpen // Always allow search when try is closed
+      || numberVoices > 30 // Always allow search when there are over 30 voices
+      || window.innerWidth >= 1000; // Always allow search when on desktop
+
   let select;
 
-  if (props.canSearchVoices) {
+  // TODO: Cleanup
+
+  if (canSearchVoices) {
     select = (
       <Select
         value={selectedOption} // Controlled components use "value" instead of "defaultValue".