diff --git a/packages/fakeyou.com/src/v2/view/pages/trump/TrumpTtsPageHero.tsx b/packages/fakeyou.com/src/v2/view/pages/trump/TrumpTtsPageHero.tsx index 38a7452657..5018445996 100644 --- a/packages/fakeyou.com/src/v2/view/pages/trump/TrumpTtsPageHero.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/trump/TrumpTtsPageHero.tsx @@ -7,7 +7,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faStar, faArrowRight, - faWaveformLines, faVolume, } from "@fortawesome/pro-solid-svg-icons"; import { Analytics } from "../../../../common/Analytics"; diff --git a/packages/fakeyou.com/src/v2/view/pages/trump/search/SearchOmnibar.tsx b/packages/fakeyou.com/src/v2/view/pages/trump/search/SearchOmnibar.tsx index 9feb9339ef..77832ed760 100644 --- a/packages/fakeyou.com/src/v2/view/pages/trump/search/SearchOmnibar.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/trump/search/SearchOmnibar.tsx @@ -1,7 +1,6 @@ import React from "react"; import { TtsCategoryType } from "../../../../../AppWrapper"; import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels"; -import { ExploreVoicesTray } from "./components/ExploreVoicesTray"; import { ScopedVoiceModelOptions } from "./components/ScopedVoiceModelOptions"; import { VoiceCountLabel } from "./components/VoiceCountLabel"; diff --git a/packages/fakeyou.com/src/v2/view/pages/trump/search/components/ExploreVoicesTray.tsx b/packages/fakeyou.com/src/v2/view/pages/trump/search/components/ExploreVoicesTray.tsx deleted file mode 100644 index 64c7699137..0000000000 --- a/packages/fakeyou.com/src/v2/view/pages/trump/search/components/ExploreVoicesTray.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import React from "react"; -import { faEraser } from "@fortawesome/free-solid-svg-icons"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { LanguageOptions } from "../filters/LanguageOptions"; -import { TtsCategoryType } from "../../../../../../AppWrapper"; -import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels"; -import { CategoryOptions } from "../filters/CategoryOptions"; -import { t } from "i18next"; - -interface Props { - allTtsCategories: TtsCategoryType[]; - allTtsModels: TtsModelListItem[]; - - allTtsCategoriesByTokenMap: Map; - allTtsModelsByTokenMap: Map; - ttsModelsByCategoryToken: Map>; - - dropdownCategories: TtsCategoryType[][]; - setDropdownCategories: (dropdownCategories: TtsCategoryType[][]) => void; - - selectedCategories: TtsCategoryType[]; - setSelectedCategories: (selectedCategories: TtsCategoryType[]) => void; - - maybeSelectedTtsModel?: TtsModelListItem; - setMaybeSelectedTtsModel: (maybeSelectedTtsModel: TtsModelListItem) => void; - - selectedTtsLanguageScope: string; - setSelectedTtsLanguageScope: (selectedTtsLanguageScope: string) => void; -} - -export function ExploreVoicesTray(props: Props) { - const { - allTtsCategories, - allTtsCategoriesByTokenMap, - ttsModelsByCategoryToken, - dropdownCategories, - setDropdownCategories, - selectedCategories, - setSelectedCategories, - maybeSelectedTtsModel, - } = props; - - const doChangeCategory = (level: number, maybeToken: string) => { - // Slice off all the irrelevant child category choices, then append new choice. - let newCategorySelections = selectedCategories.slice(0, level); - - // And the dropdowns themselves - let newDropdownCategories = dropdownCategories.slice(0, level + 1); - - let category = allTtsCategoriesByTokenMap.get(maybeToken); - if (!!category) { - newCategorySelections.push(category); - } - - setSelectedCategories(newCategorySelections); - - const newSubcategories = allTtsCategories.filter((category) => { - return category.maybe_super_category_token === maybeToken; - }); - - newDropdownCategories.push(newSubcategories); - setDropdownCategories(newDropdownCategories); - - // We might have switched into a category without our selected TTS model. - // If so, pick a new TTS model. - let maybeNewModel = undefined; - const availableModelsForCategory = ttsModelsByCategoryToken.get(maybeToken); - if (!!availableModelsForCategory && !!maybeSelectedTtsModel) { - const modelValid = availableModelsForCategory.has(maybeSelectedTtsModel); - if (!modelValid) { - maybeNewModel = Array.from(availableModelsForCategory)[0]; - } - } - if (!!maybeNewModel) { - props.setMaybeSelectedTtsModel(maybeNewModel); - } - }; - - const handleChangeCategory = (level: number, maybeCategoryToken?: string) => { - if (!maybeCategoryToken) { - return true; - } - doChangeCategory(level, maybeCategoryToken); - return true; - }; - - return ( -
-
-
- - -
- -
-
- - -
- - -
-
-
- ); -} diff --git a/packages/fakeyou.com/src/v2/view/pages/trump/search/components/VoiceCountLabel.tsx b/packages/fakeyou.com/src/v2/view/pages/trump/search/components/VoiceCountLabel.tsx index 4f6093bd8a..51bf89b5c4 100644 --- a/packages/fakeyou.com/src/v2/view/pages/trump/search/components/VoiceCountLabel.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/trump/search/components/VoiceCountLabel.tsx @@ -1,5 +1,4 @@ import React from "react"; -import { Trans } from "react-i18next"; import { TtsModelListItem } from "@storyteller/components/src/api/tts/ListTtsModels"; import { TtsCategoryType } from "../../../../../../AppWrapper"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";