From 8836984454fa6a90df6edb07c6a95d817df1801e Mon Sep 17 00:00:00 2001
From: Guilherme Viana <imluizguilara@hotmail.com>
Date: Mon, 15 Apr 2024 15:42:31 -0300
Subject: [PATCH] fix/confirm-pack-delete: adjust code

---
 .../pages/game-details/delete-modal.tsx       | 34 ++++++-------------
 .../pages/game-details/hero-panel.tsx         |  2 --
 2 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/src/renderer/pages/game-details/delete-modal.tsx b/src/renderer/pages/game-details/delete-modal.tsx
index 29531383..b77f912d 100644
--- a/src/renderer/pages/game-details/delete-modal.tsx
+++ b/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}
-      description={description}
+      title={t("delete_modal_title")}
+      description={t("delete_modal_description")}
       onClose={onClose}
     >
       <div className={styles.deleteActionsButtonsCtn}>
-        <Button
-          onClick={() => {
-            deleteGame();
-            onClose();
-          }}
-          theme="outline"
-          disabled={deleting}
-        >
+        <Button onClick={handleDeleteGame} theme="outline" disabled={deleting}>
           {t("delete")}
         </Button>
 
-        <Button
-          onClick={() => {
-            onClose();
-          }}
-          theme="primary"
-          disabled={deleting}
-        >
+        <Button onClick={onClose} theme="primary" disabled={deleting}>
           {t("cancel")}
         </Button>
       </div>
diff --git a/src/renderer/pages/game-details/hero-panel.tsx b/src/renderer/pages/game-details/hero-panel.tsx
index 6bf84d33..a3df6825 100644
--- a/src/renderer/pages/game-details/hero-panel.tsx
+++ b/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)}