fix(Upload): disabling delete button when loading (#4348)

Will disable the delete button when file is loading
dnbexperience · Dec 2, 2024 · 85445b4 · 85445b4
2 parents d2522fd + 87b142d
commit 85445b4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx b/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx
@@ -131,6 +131,7 @@ const UploadFileListCell = ({
             variant="tertiary"
             onClick={onDeleteHandler}
             icon_position="left"
+            disabled={isLoading}
           >
             {deleteButtonText}
           </Button>

diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/UploadFileListCell.test.tsx b/packages/dnb-eufemia/src/components/upload/__tests__/UploadFileListCell.test.tsx
@@ -322,6 +322,21 @@ describe('UploadFileListCell', () => {
       ).toBeInTheDocument()
     })
 
+    it('renders the delete button as disabled when loading state', () => {
+      render(
+        <UploadFileListCell
+          {...defaultProps}
+          uploadFile={{
+            file: createMockFile('file.png', 100, 'image/png'),
+            isLoading: true,
+          }}
+        />
+      )
+      const element = screen.getByRole('button')
+
+      expect(element).toBeDisabled()
+    })
+
     it('does not render the loading state when not loading', () => {
       render(
         <UploadFileListCell