瀏覽代碼

added new component SubmitButton

Abhinav-grd 4 年之前
父節點
當前提交
14ce450a16
共有 1 個文件被更改,包括 25 次插入0 次删除
  1. 25 0
      src/components/SubmitButton.tsx

+ 25 - 0
src/components/SubmitButton.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Button, Spinner } from 'react-bootstrap';
+
+interface Props {
+    loading: boolean;
+    buttonText: string;
+}
+const SubmitButton = ({ loading, buttonText }: Props) => (
+    <Button variant="success" type="submit" block disabled={loading}>
+        {loading ? (
+            <Spinner
+                as="span"
+                style={{
+                    height: '20px',
+                    width: '20px',
+                }}
+                animation="border"
+            />
+        ) : (
+            buttonText
+        )}
+    </Button>
+);
+
+export default SubmitButton;