Fix EditModal.tsx and DeleteModal.tsx

Author: anttiasmala

components/DeleteModal.tsx

@@ -5,6 +5,8 @@ import { deleteGift } from '~/utils/apiRequests';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import SvgSpinner from '~/icons/spinner';
 import { useShowErrorToast } from '~/hooks/useShowErrorToast';
+import { handleErrorToast } from '~/utils/handleToasts';
+import { handleError } from '~/utils/handleError';
 
 type DeleteModal = {
   gift: Gift;
@@ -51,15 +53,11 @@ export function DeleteModal({ gift, closeModal }: DeleteModal) {
           <Button
             className={`m-6 mt-0 h-8 w-20 p-0 text-sm disabled:w-24 disabled:pr-4`}
             disabled={isPending}
-            onClick={async () => {
+            onClick={() => {
               try {
-                await mutateAsync();
+                void mutateAsync();
               } catch (e) {
-                /*
-                  this catch's idea is to prevent fatal error from occuring which would break the whole site
-                  useShowErrorToast(error) handles the showing of the error
-                */
-                return;
+                handleErrorToast(handleError(e));
               }
             }}
           >

components/EditModal.tsx

@@ -7,6 +7,8 @@ import { Input } from './Input';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import SvgSpinner from '~/icons/spinner';
 import { useShowErrorToast } from '~/hooks/useShowErrorToast';
+import { handleErrorToast } from '~/utils/handleToasts';
+import { handleError } from '~/utils/handleError';
 
 type EditModal = {
   gift: Gift;
@@ -35,6 +37,7 @@ export function EditModal({ gift, closeModal }: EditModal) {
         gift: giftName,
       });
     } catch (e) {
+      handleErrorToast(handleError(e));
       return;
     }
 
@@ -78,7 +81,7 @@ export function EditModal({ gift, closeModal }: EditModal) {
               className="ml-6 mt-0 h-8 w-20 p-0 text-sm disabled:w-24 disabled:pr-4"
               type="submit"
               disabled={isPending}
-              onClick={(e) => handleEdit(e)}
+              onClick={(e) => void handleEdit(e)}
             >
               Tallenna
               {isPending && (