feature: shortcuts icon toolbar (#288)

src/App.tsx

@@ -79,7 +79,7 @@ export default class App extends React.Component<IAppProps> {
                         <BrowserRouter>
                             <div className={`app-shell platform-${platform}`}>
                                 <TitleBar icon="TagGroup">
-                                <div className="app-hotkeys-menu-icon">
+                                <div className="app-shortcuts-menu-icon">
                                     <KeyboardShortcuts />
                                 </div>
                                 <div className="app-help-menu-icon">

src/common/localization/en-us.ts

@@ -389,6 +389,7 @@ export const english: IAppStrings = {
             keyboardShortcuts: "Keyboard shortcuts",
             otherTips: "Other tips",
         },
+        iconTitle: "Keyboard shortcuts and useful tips"
     },
     errors: {
         unknown: {

src/common/localization/es-cl.ts

@@ -392,6 +392,7 @@ export const spanish: IAppStrings = {
             keyboardShortcuts: "Atajos de teclado",
             otherTips: "Otros consejos",
         },
+        iconTitle: "Atajos de teclado y consejos útiles"
     },
     errors: {
         unknown: {

src/common/strings.ts

@@ -385,6 +385,7 @@ export interface IAppStrings {
             keyboardShortcuts: string,
             otherTips: string,
         },
+        iconTitle: string;
     };
     errors: {
         unknown: IErrorMetadata,

src/react/components/shell/keyboardShortcuts.tsx

@@ -112,6 +112,7 @@ export const KeyboardShortcuts: React.FC = () => {
                 iconName="BookAnswers"
                 role="button"
                 onClick={() => setShowModal(true)}
+                title={strings.shortcuts.iconTitle}
             />
             <Modal
                 titleAriaId={"Hot Keys Modal"}