remove platform specific code from about page

src/libs/KeyboardShortcut/bindHandlerToKeydownEvent/index.native.js

@@ -0,0 +1,33 @@
+import _ from 'underscore';
+import getKeyEventModifiers from '../getKeyEventModifiers';
+
+/**
+ * Checks if an event for that key is configured and if so, runs it.
+ * @param {Function} getDisplayName
+ * @param {Object} eventHandlers
+ * @param {Object} keycommandEvent
+ * @param {Event} event
+ * @private
+ */
+function bindHandlerToKeydownEvent(getDisplayName, eventHandlers, keycommandEvent, event) {
+    const eventModifiers = getKeyEventModifiers(keycommandEvent);
+    const displayName = getDisplayName(keycommandEvent.input, eventModifiers);
+
+    // Loop over all the callbacks
+    _.every(eventHandlers[displayName], (callback) => {
+        // Determine if the event should bubble before executing the callback (which may have side-effects)
+        let shouldBubble = callback.shouldBubble || false;
+        if (_.isFunction(callback.shouldBubble)) {
+            shouldBubble = callback.shouldBubble();
+        }
+
+        if (_.isFunction(callback.callback)) {
+            callback.callback(event);
+        }
+
+        // If the event should not bubble, short-circuit the loop
+        return shouldBubble;
+    });
+}
+
+export default bindHandlerToKeydownEvent;

src/pages/settings/AboutPage/AboutPage.js

@@ -17,17 +17,15 @@ import Logo from '../../../../assets/images/new-expensify.svg';
 import pkg from '../../../../package.json';
 import * as Report from '../../../libs/actions/Report';
 import * as Link from '../../../libs/actions/Link';
-import getPlatformSpecificMenuItems from './getPlatformSpecificMenuItems';
 import compose from '../../../libs/compose';
+import * as KeyboardShortcuts from '../../../libs/actions/KeyboardShortcuts';
 
 const propTypes = {
     ...withLocalizePropTypes,
     ...windowDimensionsPropTypes,
 };
 
 const AboutPage = (props) => {
-    const platformSpecificMenuItems = getPlatformSpecificMenuItems(props.isSmallScreenWidth);
-
     const menuItems = [
         {
             translationKey: 'initialSettingsPage.aboutPage.appDownloadLinks',
@@ -36,7 +34,11 @@ const AboutPage = (props) => {
                 Navigation.navigate(ROUTES.SETTINGS_APP_DOWNLOAD_LINKS);
             },
         },
-        ...platformSpecificMenuItems,
+        {
+            translationKey: 'initialSettingsPage.aboutPage.viewKeyboardShortcuts',
+            icon: Expensicons.Keyboard,
+            action: KeyboardShortcuts.showKeyboardShortcutModal,
+        },
         {
             translationKey: 'initialSettingsPage.aboutPage.viewTheCode',
             icon: Expensicons.Eye,

src/styles/styles.js

@@ -2799,7 +2799,9 @@ const styles = {
 
     keyboardShortcutModalContainer: {
         maxHeight: '100%',
-        flex: '0 0 auto',
+        flexShrink: 0,
+        flexGrow: 0,
+        flexBasis: 'auto',
     },
 
     keyboardShortcutTableWrapper: {