From d59a3f20cb78c764efe03328b9b4573ad1163324 Mon Sep 17 00:00:00 2001
From: Danny Avila <messagedaniel@protonmail.com>
Date: Thu, 27 Jul 2023 10:25:35 -0400
Subject: [PATCH] chore: linting

---
 .../components/Endpoints/BingAI/Settings.jsx  | 23 ++++++++++----
 .../components/Endpoints/Google/Examples.jsx  | 10 +++++--
 .../components/Endpoints/Google/Settings.jsx  | 30 +++++++++++++++----
 .../components/Endpoints/OpenAI/Settings.jsx  | 25 ++++++++++++----
 client/src/localization/Translation.tsx       |  2 +-
 client/src/localization/languages/Br.tsx      |  2 +-
 client/src/localization/languages/Es.tsx      |  5 ++--
 client/src/utils/getIcon.jsx                  |  4 +--
 8 files changed, 76 insertions(+), 25 deletions(-)

diff --git a/client/src/components/Endpoints/BingAI/Settings.jsx b/client/src/components/Endpoints/BingAI/Settings.jsx
index 3a9671cc4a..3e01e6ead7 100644
--- a/client/src/components/Endpoints/BingAI/Settings.jsx
+++ b/client/src/components/Endpoints/BingAI/Settings.jsx
@@ -52,7 +52,10 @@ function Settings(props) {
         <div className="col-span-1 flex flex-col items-center justify-start gap-6">
           <div className="grid w-full items-center gap-2">
             <Label htmlFor="toneStyle-dropdown" className="text-left text-sm font-medium">
-              {localize(lang, 'com_endpoint_tone_style')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_creative')})</small>
+              {localize(lang, 'com_endpoint_tone_style')}{' '}
+              <small className="opacity-40">
+                ({localize(lang, 'com_endpoint_default_creative')})
+              </small>
             </Label>
             <SelectDropDown
               id="toneStyle-dropdown"
@@ -70,7 +73,8 @@ function Settings(props) {
           </div>
           <div className="grid w-full items-center gap-2">
             <Label htmlFor="context" className="text-left text-sm font-medium">
-              {localize(lang, 'com_endpoint_context')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+              {localize(lang, 'com_endpoint_context')}{' '}
+              <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
             </Label>
             <TextareaAutosize
               id="context"
@@ -83,13 +87,17 @@ function Settings(props) {
                 'flex max-h-[300px] min-h-[100px] w-full resize-none px-3 py-2',
               )}
             />
-            <small className="mb-5 text-black dark:text-white">{`${localize(lang, 'com_endpoint_token_count')}: ${tokenCount}`}</small>
+            <small className="mb-5 text-black dark:text-white">{`${localize(
+              lang,
+              'com_endpoint_token_count',
+            )}: ${tokenCount}`}</small>
           </div>
         </div>
         <div className="col-span-1 flex flex-col items-center justify-start gap-6">
           <div className="grid w-full items-center gap-2">
             <Label htmlFor="jailbreak" className="text-left text-sm font-medium">
-              {localize(lang, 'com_endpoint_bing_enable_sydney')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_false')})</small>
+              {localize(lang, 'com_endpoint_bing_enable_sydney')}{' '}
+              <small className="opacity-40">({localize(lang, 'com_endpoint_default_false')})</small>
             </Label>
             <div className="flex h-[40px] w-full items-center space-x-3">
               <Checkbox
@@ -103,7 +111,8 @@ function Settings(props) {
                 htmlFor="jailbreak"
                 className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-50"
               >
-                {localize(lang, 'com_endpoint_bing_jailbreak')}  <small>{localize(lang, 'com_endpoint_bing_to_enable_sydney')}</small>
+                {localize(lang, 'com_endpoint_bing_jailbreak')}{' '}
+                <small>{localize(lang, 'com_endpoint_bing_to_enable_sydney')}</small>
               </label>
             </div>
           </div>
@@ -122,7 +131,9 @@ function Settings(props) {
                 >
                   {localize(lang, 'com_endpoint_system_message')}
                 </a>{' '}
-                <small className="opacity-40 dark:text-gray-50">( {localize(lang, 'com_endpoint_default_blank')})</small>
+                <small className="opacity-40 dark:text-gray-50">
+                  ( {localize(lang, 'com_endpoint_default_blank')})
+                </small>
               </Label>
 
               <TextareaAutosize
diff --git a/client/src/components/Endpoints/Google/Examples.jsx b/client/src/components/Endpoints/Google/Examples.jsx
index a9872081a5..940a627177 100644
--- a/client/src/components/Endpoints/Google/Examples.jsx
+++ b/client/src/components/Endpoints/Google/Examples.jsx
@@ -29,7 +29,10 @@ function Examples({ readonly, examples, setExample, addExample, removeExample, e
               >
                 <div className="grid w-full items-center gap-2">
                   <Label htmlFor={`input-${idx}`} className="text-left text-sm font-medium">
-                    {localize(lang, 'com_ui_input')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                    {localize(lang, 'com_ui_input')}{' '}
+                    <small className="opacity-40">
+                      ({localize(lang, 'com_endpoint_default_blank')})
+                    </small>
                   </Label>
                   <TextareaAutosize
                     id={`input-${idx}`}
@@ -53,7 +56,10 @@ function Examples({ readonly, examples, setExample, addExample, removeExample, e
               >
                 <div className="grid w-full items-center gap-2">
                   <Label htmlFor={`output-${idx}`} className="text-left text-sm font-medium">
-                    {localize(lang, 'com_endpoint_output')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                    {localize(lang, 'com_endpoint_output')}{' '}
+                    <small className="opacity-40">
+                      ({localize(lang, 'com_endpoint_default_blank')})
+                    </small>
                   </Label>
                   <TextareaAutosize
                     id={`output-${idx}`}
diff --git a/client/src/components/Endpoints/Google/Settings.jsx b/client/src/components/Endpoints/Google/Settings.jsx
index ade58e9f4c..0ad99a5817 100644
--- a/client/src/components/Endpoints/Google/Settings.jsx
+++ b/client/src/components/Endpoints/Google/Settings.jsx
@@ -67,7 +67,10 @@ function Settings(props) {
             <>
               <div className="grid w-full items-center gap-2">
                 <Label htmlFor="modelLabel" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_custom_name')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                  {localize(lang, 'com_endpoint_custom_name')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default_blank')})
+                  </small>
                 </Label>
                 <Input
                   id="modelLabel"
@@ -83,7 +86,10 @@ function Settings(props) {
               </div>
               <div className="grid w-full items-center gap-2">
                 <Label htmlFor="promptPrefix" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_prompt_prefix')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                  {localize(lang, 'com_endpoint_prompt_prefix')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default_blank')})
+                  </small>
                 </Label>
                 <TextareaAutosize
                   id="promptPrefix"
@@ -105,7 +111,10 @@ function Settings(props) {
             <HoverCardTrigger className="grid w-full items-center gap-2">
               <div className="flex justify-between">
                 <Label htmlFor="temp-int" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_temperature')} <small className="opacity-40">({localize(lang, 'com_endpoint_default')}: 0.2)</small>
+                  {localize(lang, 'com_endpoint_temperature')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default')}: 0.2)
+                  </small>
                 </Label>
                 <InputNumber
                   id="temp-int"
@@ -144,7 +153,10 @@ function Settings(props) {
                 <HoverCardTrigger className="grid w-full items-center gap-2">
                   <div className="flex justify-between">
                     <Label htmlFor="top-p-int" className="text-left text-sm font-medium">
-                      {localize(lang, 'com_endpoint_top_p')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_with_num', 0.95)})</small>
+                      {localize(lang, 'com_endpoint_top_p')}{' '}
+                      <small className="opacity-40">
+                        ({localize(lang, 'com_endpoint_default_with_num', 0.95)})
+                      </small>
                     </Label>
                     <InputNumber
                       id="top-p-int"
@@ -182,7 +194,10 @@ function Settings(props) {
                 <HoverCardTrigger className="grid w-full items-center gap-2">
                   <div className="flex justify-between">
                     <Label htmlFor="top-k-int" className="text-left text-sm font-medium">
-                      {localize(lang, 'com_endpoint_top_k')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_with_num', 40)})</small>
+                      {localize(lang, 'com_endpoint_top_k')}{' '}
+                      <small className="opacity-40">
+                        ({localize(lang, 'com_endpoint_default_with_num', 40)})
+                      </small>
                     </Label>
                     <InputNumber
                       id="top-k-int"
@@ -221,7 +236,10 @@ function Settings(props) {
             <HoverCardTrigger className="grid w-full items-center gap-2">
               <div className="flex justify-between">
                 <Label htmlFor="max-tokens-int" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_max_output_tokens')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_with_num', 1024)})</small>
+                  {localize(lang, 'com_endpoint_max_output_tokens')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default_with_num', 1024)})
+                  </small>
                 </Label>
                 <InputNumber
                   id="max-tokens-int"
diff --git a/client/src/components/Endpoints/OpenAI/Settings.jsx b/client/src/components/Endpoints/OpenAI/Settings.jsx
index 83cc918351..343c070b37 100644
--- a/client/src/components/Endpoints/OpenAI/Settings.jsx
+++ b/client/src/components/Endpoints/OpenAI/Settings.jsx
@@ -67,7 +67,10 @@ function Settings(props) {
             <>
               <div className="grid w-full items-center gap-2">
                 <Label htmlFor="chatGptLabel" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_custom_name')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                  {localize(lang, 'com_endpoint_custom_name')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default_blank')})
+                  </small>
                 </Label>
                 <Input
                   id="chatGptLabel"
@@ -83,7 +86,10 @@ function Settings(props) {
               </div>
               <div className="grid w-full items-center gap-2">
                 <Label htmlFor="promptPrefix" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_prompt_prefix')} <small className="opacity-40">({localize(lang, 'com_endpoint_default_blank')})</small>
+                  {localize(lang, 'com_endpoint_prompt_prefix')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default_blank')})
+                  </small>
                 </Label>
                 <TextareaAutosize
                   id="promptPrefix"
@@ -145,7 +151,10 @@ function Settings(props) {
             <HoverCardTrigger className="grid w-full items-center gap-2">
               <div className="flex justify-between">
                 <Label htmlFor="top-p-int" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_top_p')} <small className="opacity-40">({localize(lang, 'com_endpoint_default')}: 1)</small>
+                  {localize(lang, 'com_endpoint_top_p')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default')}: 1)
+                  </small>
                 </Label>
                 <InputNumber
                   id="top-p-int"
@@ -183,7 +192,10 @@ function Settings(props) {
             <HoverCardTrigger className="grid w-full items-center gap-2">
               <div className="flex justify-between">
                 <Label htmlFor="freq-penalty-int" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_frequency_penalty')} <small className="opacity-40">({localize(lang, 'com_endpoint_default')}: 0)</small>
+                  {localize(lang, 'com_endpoint_frequency_penalty')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default')}: 0)
+                  </small>
                 </Label>
                 <InputNumber
                   id="freq-penalty-int"
@@ -221,7 +233,10 @@ function Settings(props) {
             <HoverCardTrigger className="grid w-full items-center gap-2">
               <div className="flex justify-between">
                 <Label htmlFor="pres-penalty-int" className="text-left text-sm font-medium">
-                  {localize(lang, 'com_endpoint_presence_penalty')} <small className="opacity-40">({localize(lang, 'com_endpoint_default')}: 0)</small>
+                  {localize(lang, 'com_endpoint_presence_penalty')}{' '}
+                  <small className="opacity-40">
+                    ({localize(lang, 'com_endpoint_default')}: 0)
+                  </small>
                 </Label>
                 <InputNumber
                   id="pres-penalty-int"
diff --git a/client/src/localization/Translation.tsx b/client/src/localization/Translation.tsx
index b16f50b1fd..f0acd42a61 100644
--- a/client/src/localization/Translation.tsx
+++ b/client/src/localization/Translation.tsx
@@ -57,4 +57,4 @@ export const localize = (langCode: string, phraseKey: string, ...values: string[
 
   // In case the key is not defined, return empty instead of throw errors.
   return '';
-};
\ No newline at end of file
+};
diff --git a/client/src/localization/languages/Br.tsx b/client/src/localization/languages/Br.tsx
index 9db4fc06b1..febb33f7c7 100644
--- a/client/src/localization/languages/Br.tsx
+++ b/client/src/localization/languages/Br.tsx
@@ -185,4 +185,4 @@ export default {
   com_nav_settings: 'Configurações',
   com_nav_search_placeholder: 'Procurar mensagens',
   com_nav_setting_general: 'Geral',
-};
\ No newline at end of file
+};
diff --git a/client/src/localization/languages/Es.tsx b/client/src/localization/languages/Es.tsx
index e8186d1a7c..3e65d9e3ae 100644
--- a/client/src/localization/languages/Es.tsx
+++ b/client/src/localization/languages/Es.tsx
@@ -15,7 +15,8 @@ export default {
   com_ui_limitation_incorrect_info: 'Puede generar ocasionalmente información incorrecta',
   com_ui_limitation_harmful_biased:
     'Puede producir ocasionalmente instrucciones perjudiciales o contenido sesgado',
-  com_ui_limitation_limited_2021: 'Conocimiento limitado sobre el mundo y eventos posteriores a 2021',
+  com_ui_limitation_limited_2021:
+    'Conocimiento limitado sobre el mundo y eventos posteriores a 2021',
   com_ui_input: 'Entrada',
   com_ui_close: 'Cerrar',
   com_ui_model: 'Modelo',
@@ -185,4 +186,4 @@ export default {
   com_nav_settings: 'Configuraciones',
   com_nav_search_placeholder: 'Buscar mensajes',
   com_nav_setting_general: 'General',
-};
\ No newline at end of file
+};
diff --git a/client/src/utils/getIcon.jsx b/client/src/utils/getIcon.jsx
index 1bb910e24c..6770eaf5d9 100644
--- a/client/src/utils/getIcon.jsx
+++ b/client/src/utils/getIcon.jsx
@@ -64,10 +64,10 @@ const getIcon = (props) => {
     } else if (endpoint === 'bingAI') {
       const { jailbreak } = props;
       if (jailbreak) {
-        icon = <img src="/assets/bingai-jb.png" alt="Bing Icon"/>;
+        icon = <img src="/assets/bingai-jb.png" alt="Bing Icon" />;
         name = 'Sydney';
       } else {
-        icon = <img src="/assets/bingai.png" alt="Sydney Icon"/>;
+        icon = <img src="/assets/bingai.png" alt="Sydney Icon" />;
         name = 'BingAI';
       }
     } else if (endpoint === 'chatGPTBrowser') {