added the description for delete files

Author: kartikpersistent

frontend/src/components/Content.tsx

@@ -491,6 +491,7 @@ const Content: React.FC<ContentProps> = ({
         title: `Delete Files ${selectedfileslength > 0 ? `(${selectedfileslength})` : ''}`,
         onClick: () => setshowDeletePopUp(true),
         disabledCondition: !selectedfileslength,
+        description: tooltips.deleteFile,
       },
       {
         title: 'Delete Orphan Nodes',

frontend/src/components/Popups/DeletePopUpForOrphanNodes/index.tsx

@@ -23,7 +23,7 @@ export default function DeletePopUpForOrphanNodes({
 }) {
   const [orphanNodes, setOrphanNodes] = useState<orphanNodeProps[]>([]);
   const [selectedOrphanNodesForDeletion, setselectedOrphanNodesForDeletion] = useState<string[]>([]);
-  const [selectedAll, setselectedAll] = useState<boolean>(false)
+  const [selectedAll, setselectedAll] = useState<boolean>(false);
   const [isLoading, setLoading] = useState<boolean>(false);
   const { userCredentials } = useCredentials();
 
@@ -38,7 +38,7 @@ export default function DeletePopUpForOrphanNodes({
             setOrphanNodes(apiresponse.data.data);
           }
         } catch (error) {
-          setLoading(false)
+          setLoading(false);
           console.log(error);
         }
       })();
@@ -50,7 +50,7 @@ export default function DeletePopUpForOrphanNodes({
       setselectedOrphanNodesForDeletion((prev) => [...prev, id]);
       setOrphanNodes((prev) => prev.map((n) => ({ ...n, checked: n.e.elementId === id ? true : n.checked })));
     } else {
-      setselectedAll(false)
+      setselectedAll(false);
       setselectedOrphanNodesForDeletion((prev) => prev.filter((s) => s != id));
       setOrphanNodes((prev) => prev.map((n) => ({ ...n, checked: n.e.elementId === id ? false : n.checked })));
     }
@@ -65,7 +65,7 @@ export default function DeletePopUpForOrphanNodes({
         deleteCloseHandler();
         setselectedOrphanNodesForDeletion([]);
         setOrphanNodes([]);
-        setselectedAll(false)
+        setselectedAll(false);
       }}
     >
       <Dialog.Header>
@@ -82,11 +82,11 @@ export default function DeletePopUpForOrphanNodes({
             checked={selectedAll}
             onChange={(e) => {
               if (e.target.checked) {
-                setselectedAll(true)
+                setselectedAll(true);
                 setOrphanNodes((prev) => prev.map((n) => ({ ...n, checked: true })));
                 setselectedOrphanNodesForDeletion(orphanNodes.map((n) => n.e.elementId));
               } else {
-                setselectedAll(false)
+                setselectedAll(false);
                 setOrphanNodes((prev) => prev.map((n) => ({ ...n, checked: false })));
                 setselectedOrphanNodesForDeletion([]);
               }
@@ -164,7 +164,7 @@ export default function DeletePopUpForOrphanNodes({
             setOrphanNodes([]);
           }}
         >
-          Cancel
+          Close
         </Button>
         <ButtonWithToolTip
           onClick={async () => {

frontend/src/components/UI/Menu.tsx

@@ -27,7 +27,13 @@ export default function CustomMenu({
     >
       {items.map((i, idx) => {
         return (
-          <Menu.Item key={`${idx}${i.title}`} title={i.title} onClick={i.onClick} disabled={i.disabledCondition} />
+          <Menu.Item
+            description={i.description}
+            key={`${idx}${i.title}`}
+            title={i.title}
+            onClick={i.onClick}
+            disabled={i.disabledCondition}
+          />
         );
       })}
     </Menu>

frontend/src/types.ts

@@ -499,6 +499,7 @@ export interface Menuitems {
   title: string;
   onClick: () => void;
   disabledCondition: boolean;
+  description?: string;
 }
 export type Vertical = 'top' | 'bottom';
 export type Horizontal = 'left' | 'right' | 'center';