fix delete functionality

src/features/dashboard/components/AppsTable/app-actions.cell.tsx

@@ -1,26 +1,36 @@
-import React, { useState } from 'react';
-import styles from './cells.module.scss';
-import { LabelPairedTrashSmRegularIcon } from '@deriv/quill-icons';
-import DeleteAppDialog from '../Dialogs/DeleteAppDialog';
+import React from 'react';
+import { LabelPairedPenSmRegularIcon, LabelPairedTrashSmRegularIcon } from '@deriv/quill-icons';
 import CustomTooltip from '@site/src/components/CustomTooltip';
+import clsx from 'clsx';
+import styles from './cells.module.scss';
 
-const AppActionsCell = () => {
-  const [isDeleteDialogOpen, setDeleteDialogOpen] = useState(false);
-
-  const handleDeleteClick = () => {
-    setDeleteDialogOpen(true);
-  };
+type TAppActionsCellProps = {
+  openDeleteDialog: () => void;
+  openEditDialog: () => void;
+  flex_end?: boolean;
+};
 
+const AppActionsCell = ({
+  openDeleteDialog,
+  openEditDialog,
+  flex_end = false,
+}: TAppActionsCellProps) => {
   return (
-    <div className={styles.appActions} data-testid={'app-action-cell'}>
-      <div onClick={handleDeleteClick} data-testid={'delete-app-button'}>
-        <CustomTooltip text='Delete application details'>
+    <div
+      className={clsx(styles.appActions, { [styles.flex_end]: flex_end })}
+      data-testid={'app-action-cell'}
+    >
+      <span onClick={openEditDialog} data-testid={'update-app-button'}>
+        <CustomTooltip text='Edit application details'>
+          <LabelPairedPenSmRegularIcon />
+        </CustomTooltip>
+      </span>
+
+      <span onClick={openDeleteDialog} data-testid={'delete-app-button'}>
+        <CustomTooltip text='Delete application'>
           <LabelPairedTrashSmRegularIcon />
         </CustomTooltip>
-      </div>
-      {isDeleteDialogOpen && (
-        <DeleteAppDialog onClose={() => setDeleteDialogOpen(false)} appId={0} />
-      )}
+      </span>
     </div>
   );
 };

src/features/dashboard/components/AppsTable/cells.module.scss

@@ -10,10 +10,6 @@
   }
 }
 
-.actionContainer {
-  margin-right: 10px;
-}
-
 .flex_end {
   justify-content: flex-end;
 }

src/features/dashboard/components/AppsTable/index.tsx

@@ -101,7 +101,7 @@ const AppsTable = ({ apps }: AppsTableProps) => {
     return {
       openDeleteDialog: () => {
         setActionRow(item);
-        // setIsDeleteOpen(true);
+        setIsDeleteOpen(true);
       },
 
       openEditDialog: () => {