New: Project Aphrodite

2026-04-20 22:14:34 -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,57 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import { icons } from 'Helpers/Props';
+import Icon from 'Components/Icon';
+import Link from 'Components/Link/Link';
+import styles from './PageToolbarButton.css';
+
+function PageToolbarButton(props) {
+  const {
+    label,
+    iconName,
+    spinningName,
+    isDisabled,
+    isSpinning,
+    ...otherProps
+  } = props;
+
+  return (
+    <Link
+      className={classNames(
+        styles.toolbarButton,
+        isDisabled && styles.isDisabled
+      )}
+      isDisabled={isDisabled || isSpinning}
+      {...otherProps}
+    >
+      <Icon
+        name={isSpinning ? (spinningName || iconName) : iconName}
+        isSpinning={isSpinning}
+        size={21}
+      />
+
+      <div className={styles.labelContainer}>
+        <div className={styles.label}>
+          {label}
+        </div>
+      </div>
+    </Link>
+  );
+}
+
+PageToolbarButton.propTypes = {
+  label: PropTypes.string.isRequired,
+  iconName: PropTypes.object.isRequired,
+  spinningName: PropTypes.object,
+  isSpinning: PropTypes.bool,
+  isDisabled: PropTypes.bool
+};
+
+PageToolbarButton.defaultProps = {
+  spinningName: icons.SPINNER,
+  isDisabled: false,
+  isSpinning: false
+};
+
+export default PageToolbarButton;