v3 UI

frontend/src/Components/Form/OAuthInput.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { kinds } from 'Helpers/Props';
+import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
+
+function OAuthInput(props) {
+  const {
+    label,
+    authorizing,
+    error,
+    onPress
+  } = props;
+
+  return (
+    <div>
+      <SpinnerErrorButton
+        kind={kinds.PRIMARY}
+        isSpinning={authorizing}
+        error={error}
+        onPress={onPress}
+      >
+        {label}
+      </SpinnerErrorButton>
+    </div>
+  );
+}
+
+OAuthInput.propTypes = {
+  label: PropTypes.string.isRequired,
+  authorizing: PropTypes.bool.isRequired,
+  error: PropTypes.object,
+  onPress: PropTypes.func.isRequired
+};
+
+OAuthInput.defaultProps = {
+  label: 'Start OAuth'
+};
+
+export default OAuthInput;