Avoid multiple clicks on button

Author: lotorvik

packages/shared-components/src/components/button/ButtonWithSpinner.tsx

@@ -18,21 +18,23 @@ interface Props {
 }
 
 const ButtonWithSpinner = ({ children, className, onClick, variant = 'primary', size = 'medium', icon }: Props) => {
-  const [isSaving, setIsSaving] = useState(false);
+  const [processing, setProcessing] = useState(false);
   async function onClickWithSpinner() {
-    setIsSaving(true);
-    try {
-      await onClick();
-    } finally {
-      setIsSaving(false);
+    if (!processing) {
+      setProcessing(true);
+      try {
+        await onClick();
+      } finally {
+        setProcessing(false);
+      }
     }
   }
   return (
     <Button
       className={className}
       variant={variant}
       onClick={onClickWithSpinner}
-      loading={isSaving}
+      loading={processing}
       size={size}
       icon={icon}
     >