Launcher: Add tooltip for 'save this configuratioin'

InseeFrLab · May 27, 2021 · f93daf8 · f93daf8
1 parent 26565d4
commit f93daf8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/app/components/pages/Catalog/CatalogLauncher/CatalogLauncherMainCard.tsx b/src/app/components/pages/Catalog/CatalogLauncher/CatalogLauncherMainCard.tsx
@@ -12,7 +12,7 @@ import { useConstCallback } from "powerhooks";
 import { TextField } from "app/components/designSystem/TextField";
 import type { TextFieldProps } from "app/components/designSystem/TextField";
 import { Tooltip } from "app/components/designSystem/Tooltip";
-import { capitalize } from "app/tools/capitalize";
+import { capitalize } from "app/tools/capitalize";
 
 const { useClassNames } = createUseClassNames()(
     theme => ({
@@ -126,10 +126,12 @@ export const CatalogLauncherMainCard = memo((props: Props) => {
                             onClick={onRequestCopyLaunchUrl}
                         />
                     </Tooltip>}
-                <IconButton
-                    type={isBookmarked ? "bookmark" : "bookmarkBorder"}
-                    onClick={onBookmarkIconButtonClick}
-                />
+                <Tooltip title={t("save configuration")}>
+                    <IconButton
+                        type={isBookmarked ? "bookmark" : "bookmarkBorder"}
+                        onClick={onBookmarkIconButtonClick}
+                    />
+                </Tooltip>
             </div>
             <div className={classNames.belowDivider}>
                 <div className={classNames.avatarAndTitleWrapper}>
@@ -183,5 +185,6 @@ export declare namespace CatalogLauncherMainCard {
         launch: undefined
         'friendly name': undefined;
         'copy url helper text': undefined;
+        'save configuration': undefined;
     };
 }
diff --git a/src/app/i18n/resources.ts b/src/app/i18n/resources.ts
@@ -314,7 +314,8 @@ export const resources = id<Record<SupportedLanguage, Translations>>({
             "friendly name": "Friendly name",
             "launch": "Launch",
             "cancel": "Cancel",
-            "copy url helper text": "Copy url to restore this configuration"
+            "copy url helper text": "Copy url to restore this configuration",
+            "save configuration": "Save this configuration"
         }
     },
     "fr": {
@@ -534,7 +535,8 @@ export const resources = id<Record<SupportedLanguage, Translations>>({
             "friendly name": "Nom personalisé",
             "launch": "Lancer",
             "cancel": "Annuler",
-            "copy url helper text": "Copier l'URL permettant de restaurer cette configuration"
+            "copy url helper text": "Copier l'URL permettant de restaurer cette configuration",
+            "save configuration": "Enregistrer cette configuration"
         }
         /* spell-checker: enable */
     }