feat: add description - how to delete info

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.",
             },
+            deleteInfoAssociatedWithTag: {
+                name: "Delete info associated with a tag",
+                description: "Either click on a tag and press Delete or Backspace. Or you can reselect an area on a canvas then press Delete or Backspace."
+            }
         },
         headers: {
             keyboardShortcuts: "Keyboard shortcuts",

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.",
             },
+            deleteInfoAssociatedWithTag: {
+                name: "Eliminar información asociada a una etiqueta",
+                description: "Haga clic en una etiqueta y presione Eliminar o Retroceso. O puede volver a seleccionar un área en un lienzo y luego presionar Eliminar o Retroceso."
+            }
         },
         headers: {
             keyboardShortcuts: "Atajos de teclado",

src/common/strings.ts

@@ -380,6 +380,10 @@ export interface IAppStrings {
                 name: string,
                 description: string,
             },
+            deleteInfoAssociatedWithTag: {
+                name: string,
+                description: string;
+            }
         },
         headers: {
             keyboardShortcuts: string,

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.deleteInfoAssociatedWithTag.name,
+            description: strings.shortcuts.tips.deleteInfoAssociatedWithTag.description,
+        }
     ];
     const ShortcutsListItems = ({ items }): JSX.Element => {
         return items.map((item, idx) => (