fix/confirm-pack-delete: adjust code

src/renderer/pages/game-details/delete-modal.tsx

@@ -2,51 +2,39 @@ import { Button, Modal } from "@renderer/components";
 import { useTranslation } from "react-i18next";
 import * as styles from "./delete-modal.css";
 
-type DeleteModalProps = {
+interface DeleteModalProps {
   visible: boolean;
-  title: string;
-  description: string;
   onClose: () => void;
   deleting: boolean;
   deleteGame: () => void;
-};
+}
 
 export function DeleteModal({
-  description,
   onClose,
-  title,
   visible,
   deleting,
   deleteGame,
 }: DeleteModalProps) {
   const { t } = useTranslation("game_details");
 
+  function handleDeleteGame() {
+    deleteGame();
+    onClose();
+  }
+
   return (
     <Modal
       visible={visible}
-      title={title}
+      title={t("delete_modal_title")}
-      description={description}
+      description={t("delete_modal_description")}
       onClose={onClose}
     >
       <div className={styles.deleteActionsButtonsCtn}>
-        <Button
+        <Button onClick={handleDeleteGame} theme="outline" disabled={deleting}>
-          onClick={() => {
-            deleteGame();
-            onClose();
-          }}
-          theme="outline"
-          disabled={deleting}
-        >
           {t("delete")}
         </Button>
 
-        <Button
+        <Button onClick={onClose} theme="primary" disabled={deleting}>
-          onClick={() => {
-            onClose();
-          }}
-          theme="primary"
-          disabled={deleting}
-        >
           {t("cancel")}
         </Button>
       </div>

src/renderer/pages/game-details/hero-panel.tsx

@@ -179,8 +179,6 @@ export function HeroPanel({
 
           <DeleteModal
             visible={showDeleteModal}
-            title={t("delete_modal_title")}
-            description={t("delete_modal_description")}
             onClose={() => setShowDeleteModal(false)}
             deleting={deleting}
             deleteGame={() => deleteGame(game.id).then(getGame)}