From cbeea677e0dcff69fec2730afda1213affe8c398 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 23 Apr 2023 23:41:54 -0700
Subject: [PATCH] fix build errors

---
 .../src/v2/view/pages/contribute/ContributeIndexPage.tsx   | 4 +---
 .../src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx | 7 ++++---
 .../components/VcModelListSearchComponent.tsx              | 2 +-
 .../view/pages/vc/vc_model_list/components/VcPageHero.tsx  | 1 -
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx
index aabb44ab2d..a9af29913f 100644
--- a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx
@@ -13,15 +13,13 @@ import {
   faImage,
   faTags,
   faHandsHelping,
-  faChartArea,
-  faMicrophoneAlt,
 } from "@fortawesome/free-solid-svg-icons";
 import { motion } from "framer-motion";
 import { container, item, panel } from "../../../../data/animation";
 import { usePrefixedDocumentTitle } from "../../../../common/UsePrefixedDocumentTitle";
 import { PageHeader } from "../../_common/PageHeader";
 import { faHandHoldingHeart } from "@fortawesome/pro-solid-svg-icons";
-import { faMicrophone, faMicrophoneStand } from "@fortawesome/pro-duotone-svg-icons";
+import { faMicrophoneStand } from "@fortawesome/pro-duotone-svg-icons";
 import { faWaveformLines } from "@fortawesome/pro-regular-svg-icons";
 
 interface Props {
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
index 9ea20a5d2f..2483765f0d 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
@@ -80,12 +80,12 @@ function VcModelListPage(props: Props) {
     ttsModelsLoaded,
   ]);
 
-  const handleLoading = () => {
+  const handleLoading = useCallback(() => {
     setLoading(true);
     setTimeout(() => {
       setLoading(false);
     }, 2000);
-  };
+  }, []);
 
   useEffect(() => {
     listModels();
@@ -94,7 +94,8 @@ function VcModelListPage(props: Props) {
     }, 2000);
     return () => clearTimeout(timeout);
   }, [
-    handleLoading
+    handleLoading,
+    listModels,
   ]);
 
   const handleClearClick = (ev: React.FormEvent<HTMLButtonElement>) => {
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcModelListSearchComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcModelListSearchComponent.tsx
index 27e55f4427..8a742a9004 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcModelListSearchComponent.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcModelListSearchComponent.tsx
@@ -21,7 +21,7 @@ function VcModelListSearch(props: Props) {
     // TODO: Cache a lookup table
     //const maybeNewVoiceConversionModel = props.allVoiceConversionModelsByTokenMap.get(token);
     const maybeNewVoiceConversionModel = props.voiceConversionModels.find((voiceConversionModel) => {
-      return voiceConversionModel.token == voiceConversionModelToken;
+      return voiceConversionModel.token === voiceConversionModelToken;
     });
     if (maybeNewVoiceConversionModel !== undefined) {
       props.setMaybeSelectedVoiceConversionModel(maybeNewVoiceConversionModel);
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx
index 08a2d13ffc..83b68c1270 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx
@@ -2,7 +2,6 @@ import React, { useMemo } from "react";
 import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
 import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
 import { Link } from "react-router-dom";
-import { Trans } from "react-i18next";
 import { t } from "i18next";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {