New: Project Aphrodite

2026-04-20 21:55:03 -04:00 · 2018-11-23 02:04:42 -05:00
parent 65efa15551
commit 8430cb40ab
1080 changed files with 73015 additions and 0 deletions
@@ -0,0 +1,90 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { shortcuts } from 'Components/keyboardShortcuts';
+import Button from 'Components/Link/Button';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import styles from './KeyboardShortcutsModalContent.css';
+
+function getShortcuts() {
+  const allShortcuts = [];
+
+  Object.keys(shortcuts).forEach((key) => {
+    allShortcuts.push(shortcuts[key]);
+  });
+
+  return allShortcuts;
+}
+
+function getShortcutKey(combo, isOsx) {
+  const comboMatch = combo.match(/(.+?)\+(.)/);
+
+  if (!comboMatch) {
+    return combo;
+  }
+
+  const modifier = comboMatch[1];
+  const key = comboMatch[2];
+  let osModifier = modifier;
+
+  if (modifier === 'mod') {
+    osModifier = isOsx ? 'cmd' : 'ctrl';
+  }
+
+  return `${osModifier} + ${key}`;
+}
+
+function KeyboardShortcutsModalContent(props) {
+  const {
+    isOsx,
+    onModalClose
+  } = props;
+
+  const allShortcuts = getShortcuts();
+
+  return (
+    <ModalContent onModalClose={onModalClose}>
+      <ModalHeader>
+        Keyboard Shortcuts
+      </ModalHeader>
+
+      <ModalBody>
+        {
+          allShortcuts.map((shortcut) => {
+            return (
+              <div
+                key={shortcut.name}
+                className={styles.shortcut}
+              >
+                <div className={styles.key}>
+                  {getShortcutKey(shortcut.key, isOsx)}
+                </div>
+
+                <div>
+                  {shortcut.name}
+                </div>
+              </div>
+            );
+          })
+        }
+      </ModalBody>
+
+      <ModalFooter>
+        <Button
+          onPress={onModalClose}
+        >
+          Close
+        </Button>
+      </ModalFooter>
+    </ModalContent>
+  );
+}
+
+KeyboardShortcutsModalContent.propTypes = {
+  isOsx: PropTypes.bool.isRequired,
+  onModalClose: PropTypes.func.isRequired
+};
+
+export default KeyboardShortcutsModalContent;