From 7a19ba67e55e58fcb0769f0a400453250983fef7 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Tue, 4 Feb 2025 14:58:24 +0100
Subject: [PATCH] fix(frontend): add disabled attribute for category delete
 button

---
 frontend/src/components/categories/index.tsx | 41 +++++++++-----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/categories/index.tsx b/frontend/src/components/categories/index.tsx
index a8d6248a..02da4c0b 100644
--- a/frontend/src/components/categories/index.tsx
+++ b/frontend/src/components/categories/index.tsx
@@ -156,29 +156,26 @@ export const Categories = () => {
                 </Button>
               </Grid>
             ) : null}
-            {selectedCategories.length > 0 && (
-              <Grid item>
-                <Button
-                  startIcon={<DeleteIcon />}
-                  variant="contained"
-                  color="error"
-                  onClick={async () => {
-                    const isConfirmed = await dialogs.confirm(
-                      <ConfirmDialogBody
-                        mode="selection"
-                        itemsNumber={selectedCategories.length}
-                      />,
-                    );
+            <Button
+              color="error"
+              variant="contained"
+              onClick={async () => {
+                const isConfirmed = await dialogs.confirm(
+                  <ConfirmDialogBody
+                    mode="selection"
+                    itemsNumber={selectedCategories.length}
+                  />,
+                );
 
-                    if (isConfirmed) {
-                      deleteCategories(selectedCategories);
-                    }
-                  }}
-                >
-                  {t("button.delete")}
-                </Button>
-              </Grid>
-            )}
+                if (isConfirmed) {
+                  deleteCategories(selectedCategories);
+                }
+              }}
+              disabled={!selectedCategories.length}
+              startIcon={<DeleteIcon />}
+            >
+              {t("button.delete")}
+            </Button>
           </Grid>
         </PageHeader>
       </Grid>