From 06ac4b3cf39748493d4e5cfd6e5a725a98e16a98 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Fri, 21 Jul 2023 17:43:05 +0900
Subject: [PATCH] [feat] translator now no longer experimental

---
 src/lib/ChatScreens/DefaultChatScreen.svelte | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/lib/ChatScreens/DefaultChatScreen.svelte b/src/lib/ChatScreens/DefaultChatScreen.svelte
index 9c48a048..756a5ede 100644
--- a/src/lib/ChatScreens/DefaultChatScreen.svelte
+++ b/src/lib/ChatScreens/DefaultChatScreen.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Suggestion from './Suggestion.svelte';
-    import { CameraIcon, DatabaseIcon, DicesIcon, LanguagesIcon, Laugh, MenuIcon, MicOffIcon, RefreshCcwIcon, ReplyIcon, Send } from "lucide-svelte";
+    import { CameraIcon, DatabaseIcon, DicesIcon, GlobeIcon, LanguagesIcon, Laugh, MenuIcon, MicOffIcon, RefreshCcwIcon, ReplyIcon, Send } from "lucide-svelte";
     import { selectedCharID } from "../../ts/stores";
     import Chat from "./Chat.svelte";
     import { DataBase, type Message, type character, type groupChat } from "../../ts/storage/database";
@@ -512,15 +512,12 @@
                             <LanguagesIcon />
                             <span class="ml-2">{language.translateInput}</span>
                         </div>
-                        {#if $DataBase.useExperimental}
-                            <div class={"flex items-center cursor-pointer "+ ($DataBase.useAutoTranslateInput ? 'text-green-500':'lg:hover:text-green-500')} on:click={() => {
-                                $DataBase.useAutoTranslateInput = !$DataBase.useAutoTranslateInput
-                            }}>
-                                <LanguagesIcon />
-                                <span class="ml-2">{language.autoTranslateInput}</span>
-                                <Help key="experimental" />
-                            </div>
-                        {/if}
+                        <div class={"flex items-center cursor-pointer "+ ($DataBase.useAutoTranslateInput ? 'text-green-500':'lg:hover:text-green-500')} on:click={() => {
+                            $DataBase.useAutoTranslateInput = !$DataBase.useAutoTranslateInput
+                        }}>
+                            <GlobeIcon />
+                            <span class="ml-2">{language.autoTranslateInput}</span>
+                        </div>
                         
                     {/if}