Merge pull request #1018 from AppQuality/UN-246

[🎬 Traduzioni] - Fix Ui e Ux
AppQuality · Oct 23, 2024 · 89c28d4 · 89c28d4
2 parents 8421668 + 5f94210
commit 89c28d4
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -898,6 +898,7 @@
   "__TOAST_CLOSE_TEXT": "Dismiss",
   "__TOAST_GENERIC_ERROR_MESSAGE": "Something went wrong. Please try again later.",
   "__TOOLS_MENU_ITEM_BUTTON_LABEL": "Translate",
+  "__TOOLS_MENU_ITEM_LANGUAGE_SETTINGS_TOOLTIP": "Language settings",
   "__TOOLS_MENU_ITEM_TRANSLATE_PREFERENCE_TITLE": "Translate in",
   "__TOOLS_TRANSLATE_BUTTON_CANCEL": "Cancel",
   "__TOOLS_TRANSLATE_BUTTON_SEND": "Translate",

diff --git a/src/pages/Video/components/Transcript/Header.tsx b/src/pages/Video/components/Transcript/Header.tsx
@@ -53,7 +53,7 @@ export const Header = ({
             {t('__VIDEO_PAGE_TRANSCRIPT_TITLE')}
           </XL>
         </IconTitleContainer>
-        <SM color={appTheme.palette.grey[700]}>
+        <SM color={appTheme.palette.grey[600]}>
           {t('__VIDEO_PAGE_TRANSCRIPT_INFO')}
         </SM>
       </TitleWrapper>

diff --git a/src/pages/Video/components/tools/index.tsx b/src/pages/Video/components/tools/index.tsx
@@ -4,6 +4,7 @@ import {
   IconButton,
   Notification,
   Span,
+  Tooltip,
   useToast,
 } from '@appquality/unguess-design-system';
 import { ReactComponent as TranslateIcon } from '@zendeskgarden/svg-icons/src/16/translation-exists-fill.svg';
@@ -80,15 +81,24 @@ export const Tools = () => {
             })}
           />
         )}
-        <IconButton
-          disabled={isProcessing}
-          style={{ marginLeft: appTheme.space.sm }}
-          onClick={() => {
-            setIsOpen(!isOpen);
+        <Tooltip
+          content={t('__TOOLS_MENU_ITEM_LANGUAGE_SETTINGS_TOOLTIP')}
+          type="light"
+          size="medium"
+          onClick={(e: any) => {
+            e.stopPropagation();
           }}
         >
-          <SettingsIcon color={appTheme.palette.blue[600]} />
-        </IconButton>
+          <IconButton
+            disabled={isProcessing}
+            style={{ marginLeft: appTheme.space.sm }}
+            onClick={() => {
+              setIsOpen(!isOpen);
+            }}
+          >
+            <SettingsIcon color={appTheme.palette.blue[600]} />
+          </IconButton>
+        </Tooltip>
       </div>
     );
   }