From 617aa4f5d42a5f6c50c871e0fedb32d416d365b8 Mon Sep 17 00:00:00 2001
From: Crash-- <quentin.valmori@gmail.com>
Date: Mon, 2 Oct 2023 15:07:08 +0200
Subject: [PATCH] feat: Set busy button after emptying a folder / trash

---
 .../modules/trash/components/DestroyConfirm.jsx   |  6 +++++-
 .../trash/components/EmptyTrashConfirm.jsx        | 15 ++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/drive/web/modules/trash/components/DestroyConfirm.jsx b/src/drive/web/modules/trash/components/DestroyConfirm.jsx
index 622ba5c677..324f2e6283 100644
--- a/src/drive/web/modules/trash/components/DestroyConfirm.jsx
+++ b/src/drive/web/modules/trash/components/DestroyConfirm.jsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useState } from 'react'
 
 import { useClient } from 'cozy-client'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
@@ -11,6 +11,7 @@ import { deleteFilesPermanently } from 'drive/web/modules/actions/utils'
 import { Message } from 'drive/web/modules/confirm/Message'
 const DestroyConfirm = ({ t, files, onClose }) => {
   const client = useClient()
+  const [isLoading, setIsLoading] = useState(false)
   return (
     <ConfirmDialog
       open={true}
@@ -38,12 +39,15 @@ const DestroyConfirm = ({ t, files, onClose }) => {
           <Button
             theme="danger"
             label={t('destroyconfirmation.delete')}
+            busy={isLoading}
             onClick={async () => {
               try {
+                setIsLoading(true)
                 await deleteFilesPermanently(client, files)
               } catch {
                 // eslint-disable-next-line
             } finally {
+                setIsLoading(false)
                 onClose()
               }
             }}
diff --git a/src/drive/web/modules/trash/components/EmptyTrashConfirm.jsx b/src/drive/web/modules/trash/components/EmptyTrashConfirm.jsx
index acc8fcc131..1f33035df3 100644
--- a/src/drive/web/modules/trash/components/EmptyTrashConfirm.jsx
+++ b/src/drive/web/modules/trash/components/EmptyTrashConfirm.jsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useState } from 'react'
 
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
@@ -7,6 +7,7 @@ import Stack from 'cozy-ui/transpiled/react/Stack'
 
 import { Message } from 'drive/web/modules/confirm/Message'
 const EmptyTrashConfirm = ({ t, onConfirm, onClose }) => {
+  const [isLoading, setIsLoading] = useState(false)
   return (
     <ConfirmDialog
       open={true}
@@ -31,9 +32,17 @@ const EmptyTrashConfirm = ({ t, onConfirm, onClose }) => {
           <Button
             theme="danger"
             label={t('emptytrashconfirmation.delete')}
+            busy={isLoading}
             onClick={async () => {
-              await onConfirm()
-              onClose()
+              try {
+                setIsLoading(true)
+                await onConfirm()
+              } catch {
+                // eslint-disable-next-line
+              } finally {
+                setIsLoading(false)
+                onClose()
+              }
             }}
           />
         </>