From 13cbc5b0841fb5e03ec0dfa00c6020b9fca29672 Mon Sep 17 00:00:00 2001
From: Colin Campbell <colin.campbell@digitalistgroup.com>
Date: Sun, 25 Aug 2024 13:37:39 +0200
Subject: [PATCH] stt-to-storage: UX - Move speechToText from state to storage.

---
 src/components/Option/Settings/general-settings.tsx | 6 +++++-
 src/components/Sidepanel/Settings/body.tsx          | 5 ++++-
 src/hooks/useMessage.tsx                            | 4 ----
 src/store/option.tsx                                | 2 --
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Option/Settings/general-settings.tsx b/src/components/Option/Settings/general-settings.tsx
index c37b551..7ceba76 100644
--- a/src/components/Option/Settings/general-settings.tsx
+++ b/src/components/Option/Settings/general-settings.tsx
@@ -16,9 +16,13 @@ import {
 import { useStorage } from "@plasmohq/storage/hook"
 
 export const GeneralSettings = () => {
-  const { clearChat, speechToTextLanguage, setSpeechToTextLanguage } =
+  const { clearChat } =
     useMessageOption()
 
+  const [ speechToTextLanguage, setSpeechToTextLanguage ] = useStorage(
+      "speechToTextLanguage",
+      "en-US"
+    )
   const [copilotResumeLastChat, setCopilotResumeLastChat] = useStorage(
     "copilotResumeLastChat",
     false
diff --git a/src/components/Sidepanel/Settings/body.tsx b/src/components/Sidepanel/Settings/body.tsx
index c1798ca..89410bc 100644
--- a/src/components/Sidepanel/Settings/body.tsx
+++ b/src/components/Sidepanel/Settings/body.tsx
@@ -53,7 +53,10 @@ export const SettingsBody = () => {
   const [hideCurrentChatModelSettings, setHideCurrentChatModelSettings] =
     useStorage("hideCurrentChatModelSettings", false)
 
-  const { speechToTextLanguage, setSpeechToTextLanguage } = useMessage()
+  const [ speechToTextLanguage, setSpeechToTextLanguage ] = useStorage(
+    "speechToTextLanguage",
+    "en-US"
+  )
   const { mode, toggleDarkMode } = useDarkMode()
 
   const { changeLocale, locale, supportLanguage } = useI18n()
diff --git a/src/hooks/useMessage.tsx b/src/hooks/useMessage.tsx
index abf9a6b..7d1d209 100644
--- a/src/hooks/useMessage.tsx
+++ b/src/hooks/useMessage.tsx
@@ -74,8 +74,6 @@ export const useMessage = () => {
     setChatMode,
     setIsEmbedding,
     isEmbedding,
-    speechToTextLanguage,
-    setSpeechToTextLanguage,
     currentURL,
     setCurrentURL
   } = useStoreMessage()
@@ -1230,8 +1228,6 @@ export const useMessage = () => {
     chatMode,
     setChatMode,
     isEmbedding,
-    speechToTextLanguage,
-    setSpeechToTextLanguage,
     regenerateLastMessage,
     webSearch,
     setWebSearch,
diff --git a/src/store/option.tsx b/src/store/option.tsx
index 5184b8f..f3ff42e 100644
--- a/src/store/option.tsx
+++ b/src/store/option.tsx
@@ -49,8 +49,6 @@ type State = {
   setChatMode: (chatMode: "normal" | "rag") => void
   isEmbedding: boolean
   setIsEmbedding: (isEmbedding: boolean) => void
-  speechToTextLanguage: string
-  setSpeechToTextLanguage: (language: string) => void
   webSearch: boolean
   setWebSearch: (webSearch: boolean) => void
   isSearchingInternet: boolean