refactoring: rename receivable & payables.

client/src/components/Dashboard/TopbarUser.js

@@ -13,7 +13,10 @@ import { FormattedMessage as T } from 'react-intl';
 import { firstLettersArgs } from 'utils';
 import { useAuthActions, useAuthUser } from 'hooks/state';
 
-export default function DashboardTopbarUser() {
+import withDialogActions from 'containers/Dialog/withDialogActions';
+import { compose } from 'utils';
+
+function DashboardTopbarUser({ openDialog }) {
   const history = useHistory();
   const { setLogout } = useAuthActions();
   const user = useAuthUser();
@@ -22,6 +25,10 @@ export default function DashboardTopbarUser() {
     setLogout();
   };
 
+  const onKeyboardShortcut = () => {
+    openDialog('keyboard-shortcuts');
+  };
+
   return (
     <Popover
       content={
@@ -41,6 +48,10 @@ export default function DashboardTopbarUser() {
             }
           />
           <MenuDivider />
+          <MenuItem
+            text={<T id={'keyboard_shortcuts'} />}
+            onClick={onKeyboardShortcut}
+          />
           <MenuItem
             text={<T id={'preferences'} />}
             onClick={() => history.push('/preferences')}
@@ -58,3 +69,4 @@ export default function DashboardTopbarUser() {
     </Popover>
   );
 }
+export default compose(withDialogActions)(DashboardTopbarUser);