v3 UI

frontend/src/Components/Link/SpinnerIconButton.js

@@ -0,0 +1,38 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { icons } from 'Helpers/Props';
+import IconButton from './IconButton';
+
+function SpinnerIconButton(props) {
+  const {
+    name,
+    spinningName,
+    isDisabled,
+    isSpinning,
+    ...otherProps
+  } = props;
+
+  return (
+    <IconButton
+      name={isSpinning ? (spinningName || name) : name}
+      isDisabled={isDisabled || isSpinning}
+      isSpinning={isSpinning}
+      {...otherProps}
+    />
+  );
+}
+
+SpinnerIconButton.propTypes = {
+  name: PropTypes.object.isRequired,
+  spinningName: PropTypes.object.isRequired,
+  isDisabled: PropTypes.bool.isRequired,
+  isSpinning: PropTypes.bool.isRequired
+};
+
+SpinnerIconButton.defaultProps = {
+  spinningName: icons.SPINNER,
+  isDisabled: false,
+  isSpinning: false
+};
+
+export default SpinnerIconButton;