From 7f6324789bf987591b397b6e6738c98ae8898225 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 31 Mar 2023 15:02:51 +0530
Subject: [PATCH] added EnteButton component

---
 src/components/EnteButton.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/EnteButton.tsx

diff --git a/src/components/EnteButton.tsx b/src/components/EnteButton.tsx
new file mode 100644
index 000000000..f7d324671
--- /dev/null
+++ b/src/components/EnteButton.tsx
@@ -0,0 +1,30 @@
+import Done from '@mui/icons-material/Done';
+import { Button, ButtonProps, CircularProgress } from '@mui/material';
+import { useEffect, useState } from 'react';
+
+interface Iprops extends ButtonProps {
+    loading: boolean;
+}
+
+export default function EnteButton({ children, loading, ...props }: Iprops) {
+    const [success, setSuccess] = useState(false);
+
+    useEffect(() => {
+        if (loading === false) {
+            setSuccess(true);
+            setTimeout(() => setSuccess(false), 2000);
+        }
+    }, [loading]);
+
+    return (
+        <Button {...props} disabled={loading || success}>
+            {loading ? (
+                <CircularProgress size={20} />
+            ) : success ? (
+                <Done sx={{ fontSize: 20 }} />
+            ) : (
+                children
+            )}
+        </Button>
+    );
+}