feat: add description - how to delete info (#292)

* feat: add description - how to delete info * style: new line * style: removes extra line * fix: correction of text
microsoft · Jun 5, 2020 · 1c39800 · 1c39800
1 parent 3b29a35
commit 1c39800
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/src/common/localization/en-us.ts b/src/common/localization/en-us.ts
@@ -384,6 +384,10 @@ export const english: IAppStrings = {
                 name: "Select multiple words",
                 description: "Click and hold on word. Then, hover over additional words.",
             },
+            deleteAllLabelsForTag: {
+                name: "Delete all labels for a tag",
+                description: "Select all labels for a tag on document and press 'delete' key"
+            }
         },
         headers: {
             keyboardShortcuts: "Keyboard shortcuts",

diff --git a/src/common/localization/es-cl.ts b/src/common/localization/es-cl.ts
@@ -387,6 +387,10 @@ export const spanish: IAppStrings = {
                 name: "Selección de palabras múltiples",
                 description: "Haga clic y mantenga presionada la palabra, luego desplace el cursor sobre otras palabras para seleccionar varias palabras a la vez.",
             },
+            deleteAllLabelsForTag: {
+                name: "Eliminar información asociada a una etiqueta",
+                description: "Seleccione todas las etiquetas para una etiqueta en el documento y presione la tecla 'delete'"
+            }
         },
         headers: {
             keyboardShortcuts: "Atajos de teclado",

diff --git a/src/common/strings.ts b/src/common/strings.ts
@@ -380,6 +380,10 @@ export interface IAppStrings {
                 name: string,
                 description: string,
             },
+            deleteAllLabelsForTag: {
+                name: string,
+                description: string;
+            }
         },
         headers: {
             keyboardShortcuts: string,

diff --git a/src/react/components/shell/keyboardShortcuts.tsx b/src/react/components/shell/keyboardShortcuts.tsx
@@ -13,10 +13,14 @@ import "./keyboardShortcuts.scss";
 export interface IHotKeysModalState {
     showModal: boolean;
 }
-interface IKey {
+interface IKeyItem {
     key: string;
     description: string;
 }
+interface ITipsItem {
+    name: string;
+    description: string;
+}
 
 export const KeyboardShortcuts: React.FC = () => {
     const dark: ICustomizations = {
@@ -29,7 +33,7 @@ export const KeyboardShortcuts: React.FC = () => {
     const [showModal, setShowModal] = useState(false);
     const closeModal = () => setShowModal(false);
 
-    const shortcutsItems: IKey[] = [
+    const shortcutsItems: IKeyItem[] = [
         {
             key: strings.shortcuts.squareBrackets.keys.leftBracket,
             description: strings.shortcuts.squareBrackets.description.prevWord,
@@ -69,7 +73,7 @@ export const KeyboardShortcuts: React.FC = () => {
 
     ];
 
-    const tipsItems = [
+    const tipsItems: ITipsItem[] = [
         {
             name: strings.shortcuts.tips.quickLabeling.name,
             description: strings.shortcuts.tips.quickLabeling.description,
@@ -82,6 +86,10 @@ export const KeyboardShortcuts: React.FC = () => {
             name: strings.shortcuts.tips.multipleWordSelection.name,
             description: strings.shortcuts.tips.multipleWordSelection.description,
         },
+        {
+            name: strings.shortcuts.tips.deleteAllLabelsForTag.name,
+            description: strings.shortcuts.tips.deleteAllLabelsForTag.description,
+        }
     ];
     const ShortcutsListItems = ({ items }): JSX.Element => {
         return items.map((item, idx) => (