From 4b9cb9d81afc8848c9d84728e58351384104ad06 Mon Sep 17 00:00:00 2001
From: kasisnu <5044120+kasisnu@users.noreply.github.com>
Date: Fri, 3 Nov 2023 13:13:59 +0530
Subject: [PATCH] small lint fix

---
 .../pages/generate_speech/GenerateSpeechPage.tsx   |  2 +-
 .../components/VoiceDesignerUploadComponent.tsx    | 14 ++++++++------
 .../components/steps/UploadSamples.tsx             |  3 +++
 .../components/steps/VoiceDetails.tsx              |  6 +++---
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/generate_speech/GenerateSpeechPage.tsx b/packages/fakeyou.com/src/v2/view/pages/generate_speech/GenerateSpeechPage.tsx
index b6114f1dc0..ef26969299 100644
--- a/packages/fakeyou.com/src/v2/view/pages/generate_speech/GenerateSpeechPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/generate_speech/GenerateSpeechPage.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { faMicrophone, faVolume } from "@fortawesome/pro-solid-svg-icons";
+import { faVolume } from "@fortawesome/pro-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle";
 import { PageHeaderWithImage } from "v2/view/_common/PageHeaderWithImage";
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/VoiceDesignerUploadComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/VoiceDesignerUploadComponent.tsx
index dfa1cbd771..a19ce49952 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/VoiceDesignerUploadComponent.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/VoiceDesignerUploadComponent.tsx
@@ -8,11 +8,11 @@ import React, { useState } from "react";
 import { FileUploader } from "react-drag-drop-files";
 import { InputVcAudioPlayer } from "v2/view/_common/InputVcAudioPlayer";
 import { v4 as uuidv4 } from "uuid";
-import {
-  UploadAudio,
-  UploadAudioIsOk,
-  UploadAudioRequest,
-} from "@storyteller/components/src/api/upload/UploadAudio";
+// import {
+//   UploadAudio,
+//   UploadAudioIsOk,
+//   UploadAudioRequest,
+// } from "@storyteller/components/src/api/upload/UploadAudio";
 import useUploadedFiles from "hooks/useUploadedFiles";
 
 const FILE_TYPES = ["MP3", "WAV", "FLAC", "OGG"];
@@ -34,6 +34,7 @@ function VoiceDesignerUploadComponent(props: Props) {
   const setAudioLinks = useUploadedFiles((state: any) => state.setAudioLinks);
 
   // Auto generated
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [idempotencyToken, setIdempotencyToken] = useState(uuidv4());
 
   const handleChange = (file: any) => {
@@ -68,6 +69,7 @@ function VoiceDesignerUploadComponent(props: Props) {
       ? `${Math.floor(file.size / 1024)} KB`
       : null;
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const uploadBtnClass = isUploadDisabled
     ? "btn btn-uploaded w-100 disabled"
     : "btn btn-primary w-100";
@@ -154,7 +156,7 @@ function VoiceDesignerUploadComponent(props: Props) {
     </div>
   );
 }
-
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const LoadingIcon: React.FC = () => {
   return (
     <>
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/UploadSamples.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/UploadSamples.tsx
index 671e35bae0..4d40654b13 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/UploadSamples.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/UploadSamples.tsx
@@ -3,6 +3,7 @@ import VoiceDesignerUploadComponent from "../VoiceDesignerUploadComponent";
 import { v4 as uuidv4 } from "uuid";
 
 function UploadSamples() {
+  /* eslint-disable @typescript-eslint/no-unused-vars */
   const [convertLoading, setConvertLoading] = useState(false);
   const [canConvert, setCanConvert] = useState(false);
   const [mediaUploadToken, setMediaUploadToken] = useState<string | undefined>(
@@ -11,6 +12,8 @@ function UploadSamples() {
   const [convertIdempotencyToken, setConvertIdempotencyToken] = useState(
     uuidv4()
   );
+  /* eslint-disable @typescript-eslint/no-unused-vars */
+
   const [formIsCleared, setFormIsCleared] = useState(false);
 
   const changeConvertIdempotencyToken = () => {
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx
index f4848c8244..23a072dff9 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx
@@ -4,8 +4,8 @@ import {
   // faMicrophoneLines,
   // faTags,
 } from "@fortawesome/pro-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Button } from "components/common";
+// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+// import { Button } from "components/common";
 import Input from "components/common/Input";
 import useVoiceDetailsStore from "hooks/useVoiceDetailsStore/";
 import React from "react";
@@ -27,7 +27,7 @@ export const SearchFieldClass = {
 };
 
 function VoiceDetails() {
-  const { name, visibility, setName, setVisibility } = useVoiceDetailsStore();
+  const { visibility, setVisibility } = useVoiceDetailsStore();
 
   return (
     <div className="d-flex flex-column gap-4">