From ba1d7c41c3dfb96af27c724952113972e692c79f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Tue, 7 Nov 2023 14:08:34 +0100
Subject: [PATCH 01/10] wip

---
 .../Galleries/DeleteGalleryButton.tsx         | 53 ++++++++++++++++++
 .../Galleries/NftGalleryCard.blocks.tsx       | 55 ++++++++++++++-----
 .../Components/Galleries/NftGalleryCard.tsx   | 30 ++++++----
 .../js/Pages/Galleries/MyGalleries/Index.tsx  |  1 +
 4 files changed, 114 insertions(+), 25 deletions(-)
 create mode 100644 resources/js/Components/Galleries/DeleteGalleryButton.tsx

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.tsx
new file mode 100644
index 000000000..2a0c62946
--- /dev/null
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.tsx
@@ -0,0 +1,53 @@
+import { useForm } from "@inertiajs/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button } from "@/Components/Buttons";
+import { ConfirmDeletionDialog } from "@/Components/ConfirmDeletionDialog";
+
+const DeleteGalleryButton = ({ gallery }: { gallery: App.Data.Gallery.GalleryData }): JSX.Element => {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+
+    const { processing, delete: remove } = useForm({});
+
+    const submit = (): void => {
+        remove(
+            route("my-galleries.destroy", {
+                slug: gallery.slug,
+            }),
+            {
+                onFinish: () => {
+                    setOpen(false);
+                },
+            },
+        );
+    };
+
+    return (
+        <>
+            <Button
+                icon="Trash"
+                onClick={() => {
+                    setOpen(true);
+                }}
+                variant="secondary"
+                iconSize="md"
+                className="bg-transparent p-2"
+            />
+
+            <ConfirmDeletionDialog
+                title={t("pages.galleries.delete_modal.title")}
+                isOpen={open}
+                onClose={() => {
+                    setOpen(false);
+                }}
+                onConfirm={submit}
+                isDisabled={processing}
+            >
+                {t("pages.galleries.delete_modal.confirmation_text")}
+            </ConfirmDeletionDialog>
+        </>
+    );
+};
+
+export default DeleteGalleryButton;
diff --git a/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx b/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
index 3c62334d9..4148e3c60 100644
--- a/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
+++ b/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
@@ -1,6 +1,7 @@
 import cn from "classnames";
 import { type MouseEventHandler, useRef } from "react";
 import { useTranslation } from "react-i18next";
+import DeleteGalleryButton from "./DeleteGalleryButton";
 import { Avatar } from "@/Components/Avatar";
 import { DynamicBalance } from "@/Components/DynamicBalance";
 import { Heading } from "@/Components/Heading";
@@ -306,13 +307,22 @@ const GalleryStatsLikeButton = ({ gallery }: { gallery: App.Data.Gallery.Gallery
     );
 };
 
-export const GalleryStats = ({ gallery }: { gallery: App.Data.Gallery.GalleryData }): JSX.Element => {
+export const GalleryStats = ({
+    gallery,
+    showDeleteButton = false,
+}: {
+    gallery: App.Data.Gallery.GalleryData;
+    showDeleteButton?: boolean;
+}): JSX.Element => {
     const { user } = useAuth();
     const { t } = useTranslation();
 
     return (
         <div
-            className="rounded-b-xl bg-theme-secondary-50 px-6 pb-3 font-medium dark:bg-theme-dark-800"
+            className={cn(
+                "rounded-b-xl bg-theme-secondary-50 px-6 font-medium dark:bg-theme-dark-800",
+                showDeleteButton ? "pb-1.5" : "pb-3",
+            )}
             data-testid="GalleryStats"
         >
             <div className="flex justify-between pt-3">
@@ -347,21 +357,38 @@ export const GalleryStats = ({ gallery }: { gallery: App.Data.Gallery.GalleryDat
                     <span className="text-sm dark:text-theme-dark-50 sm:text-base">{gallery.collectionsCount}</span>
                 </div>
             </div>
-            <hr className="my-3 text-theme-secondary-300 dark:text-theme-dark-700" />
+
+            <hr
+                className={cn(
+                    "mt-3 text-theme-secondary-300 dark:text-theme-dark-700",
+                    showDeleteButton ? "mb-2" : "mb-3",
+                )}
+            />
+
             <div className="flex items-center justify-between text-theme-secondary-700 dark:text-theme-dark-200">
                 <GalleryStatsLikeButton gallery={gallery} />
 
-                <div className="flex items-center space-x-2">
-                    <Icon
-                        name="Eye"
-                        size="lg"
-                    />
-                    <span
-                        className="text-sm"
-                        data-testid="GalleryStats__views"
-                    >
-                        {gallery.views}
-                    </span>
+                <div className="flex items-center">
+                    <div className="flex items-center space-x-2">
+                        <Icon
+                            name="Eye"
+                            size="lg"
+                        />
+                        <span
+                            className="text-sm"
+                            data-testid="GalleryStats__views"
+                        >
+                            {gallery.views}
+                        </span>
+                    </div>
+
+                    {showDeleteButton && (
+                        <>
+                            <span className="ml-3 mr-1 flex h-1.25 w-1.25 rounded-full bg-theme-secondary-400 dark:bg-theme-dark-700"></span>
+
+                            <DeleteGalleryButton gallery={gallery} />
+                        </>
+                    )}
                 </div>
             </div>
         </div>
diff --git a/resources/js/Components/Galleries/NftGalleryCard.tsx b/resources/js/Components/Galleries/NftGalleryCard.tsx
index 8de1531d9..5fab5d628 100644
--- a/resources/js/Components/Galleries/NftGalleryCard.tsx
+++ b/resources/js/Components/Galleries/NftGalleryCard.tsx
@@ -3,11 +3,14 @@ import cn from "classnames";
 import { GalleryCoverImage } from "@/Components/Galleries/GalleryPage/GalleryCoverImage";
 import { GalleryHeading, GalleryStats, NftImageGrid } from "@/Components/Galleries/NftGalleryCard.blocks";
 
-export const NftGalleryCard = ({ gallery }: { gallery: App.Data.Gallery.GalleryData }): JSX.Element => (
-    <Link
-        href={route("galleries.view", gallery.slug)}
-        className="group focus-visible:outline-none focus-visible:ring-0"
-    >
+export const NftGalleryCard = ({
+    gallery,
+    showDeleteButton = false,
+}: {
+    gallery: App.Data.Gallery.GalleryData;
+    showDeleteButton?: boolean;
+}): JSX.Element => (
+    <div className="group focus-visible:outline-none focus-visible:ring-0">
         <div
             className={cn(
                 "transition-default m-1 box-content flex flex-col rounded-xl border border-theme-secondary-300 dark:border-theme-dark-700",
@@ -22,13 +25,18 @@ export const NftGalleryCard = ({ gallery }: { gallery: App.Data.Gallery.GalleryD
 
                 {gallery.coverImage === null && <NftImageGrid nfts={gallery.nfts} />}
 
-                <GalleryHeading
-                    name={gallery.name}
-                    wallet={gallery.wallet}
-                />
+                <Link href={route("galleries.view", gallery.slug)}>
+                    <GalleryHeading
+                        name={gallery.name}
+                        wallet={gallery.wallet}
+                    />
+                </Link>
             </div>
 
-            <GalleryStats gallery={gallery} />
+            <GalleryStats
+                showDeleteButton={showDeleteButton}
+                gallery={gallery}
+            />
         </div>
-    </Link>
+    </div>
 );
diff --git a/resources/js/Pages/Galleries/MyGalleries/Index.tsx b/resources/js/Pages/Galleries/MyGalleries/Index.tsx
index 86227020c..795c386c5 100644
--- a/resources/js/Pages/Galleries/MyGalleries/Index.tsx
+++ b/resources/js/Pages/Galleries/MyGalleries/Index.tsx
@@ -62,6 +62,7 @@ const Index = ({
                             <NftGalleryCard
                                 key={index}
                                 gallery={gallery}
+                                showDeleteButton
                             />
                         ))}
                     </div>

From 81e4db0de2dc6b3cdb4d3974d783a3b726a67772 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Tue, 7 Nov 2023 16:25:39 +0100
Subject: [PATCH 02/10] Update NftGalleryCard.blocks.tsx

---
 .../Galleries/NftGalleryCard.blocks.tsx       | 70 +++++++++----------
 1 file changed, 32 insertions(+), 38 deletions(-)

diff --git a/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx b/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
index 420bd441f..e9e2b4a60 100644
--- a/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
+++ b/resources/js/Components/Galleries/NftGalleryCard.blocks.tsx
@@ -307,24 +307,40 @@ const GalleryStatsLikeButton = ({ gallery }: { gallery: App.Data.Gallery.Gallery
     );
 };
 
-export const GalleryFooter = ({ gallery }: { gallery: App.Data.Gallery.GalleryData }): JSX.Element => (
+export const GalleryFooter = ({
+    gallery,
+    showDeleteButton = false,
+}: {
+    gallery: App.Data.Gallery.GalleryData;
+    showDeleteButton?: boolean;
+}): JSX.Element => (
     <div
         className="flex items-center justify-between text-theme-secondary-700 dark:text-theme-dark-200"
         data-testid="GalleryFooter"
     >
         <GalleryStatsLikeButton gallery={gallery} />
 
-        <div className="flex items-center space-x-2">
-            <Icon
-                name="Eye"
-                size="lg"
-            />
-            <span
-                className="text-sm"
-                data-testid="GalleryStats__views"
-            >
-                {gallery.views}
-            </span>
+        <div className="flex items-center">
+            <div className="flex items-center space-x-2">
+                <Icon
+                    name="Eye"
+                    size="lg"
+                />
+                <span
+                    className="text-sm"
+                    data-testid="GalleryStats__views"
+                >
+                    {gallery.views}
+                </span>
+            </div>
+
+            {showDeleteButton && (
+                <>
+                    <span className="ml-3 mr-1 flex h-1.25 w-1.25 rounded-full bg-theme-secondary-400 dark:bg-theme-dark-700"></span>
+
+                    <DeleteGalleryButton gallery={gallery} />
+                </>
+            )}
         </div>
     </div>
 );
@@ -387,32 +403,10 @@ export const GalleryStats = ({
                 )}
             />
 
-            <div className="flex items-center justify-between text-theme-secondary-700 dark:text-theme-dark-200">
-                <GalleryStatsLikeButton gallery={gallery} />
-
-                <div className="flex items-center">
-                    <div className="flex items-center space-x-2">
-                        <Icon
-                            name="Eye"
-                            size="lg"
-                        />
-                        <span
-                            className="text-sm"
-                            data-testid="GalleryStats__views"
-                        >
-                            {gallery.views}
-                        </span>
-                    </div>
-
-                    {showDeleteButton && (
-                        <>
-                            <span className="ml-3 mr-1 flex h-1.25 w-1.25 rounded-full bg-theme-secondary-400 dark:bg-theme-dark-700"></span>
-
-                            <DeleteGalleryButton gallery={gallery} />
-                        </>
-                    )}
-                </div>
-            </div>
+            <GalleryFooter
+                gallery={gallery}
+                showDeleteButton={showDeleteButton}
+            />
         </div>
     );
 };

From 2c5af42c37ee69dbdb9c7b33a79f4894de738404 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 12:41:28 +0100
Subject: [PATCH 03/10] add test

---
 .../Galleries/DeleteGalleryButton.tsx         |  1 +
 .../Galleries/NftGalleryCard.blocks.test.tsx  | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.tsx
index 2a0c62946..0b5b578b3 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.tsx
@@ -33,6 +33,7 @@ const DeleteGalleryButton = ({ gallery }: { gallery: App.Data.Gallery.GalleryDat
                 variant="secondary"
                 iconSize="md"
                 className="bg-transparent p-2"
+                data-testid="DeleteGalleryButton"
             />
 
             <ConfirmDeletionDialog
diff --git a/resources/js/Components/Galleries/NftGalleryCard.blocks.test.tsx b/resources/js/Components/Galleries/NftGalleryCard.blocks.test.tsx
index 7e4fd7c2a..c9249147e 100644
--- a/resources/js/Components/Galleries/NftGalleryCard.blocks.test.tsx
+++ b/resources/js/Components/Galleries/NftGalleryCard.blocks.test.tsx
@@ -496,6 +496,17 @@ describe("GalleryStats", () => {
         expect(screen.getByTestId("GalleryHeadingPlaceholder")).toBeInTheDocument();
     });
 
+    it("should render gallery stats when delete button is enabled", () => {
+        render(
+            <GalleryStats
+                gallery={gallery}
+                showDeleteButton
+            />,
+        );
+
+        expect(screen.getByTestId("GalleryStats")).toBeInTheDocument();
+    });
+
     it("should force like if user was not authenticated", async () => {
         signedActionMock.mockImplementation((action) => {
             action({ authenticated: false, signed: false });
@@ -593,4 +604,15 @@ describe("GalleryFooter", () => {
 
         expect(screen.getByTestId("GalleryStats__views")).toHaveTextContent(gallery.views.toString());
     });
+
+    it("shows delete button when enabled", () => {
+        render(
+            <GalleryFooter
+                gallery={gallery}
+                showDeleteButton
+            />,
+        );
+
+        expect(screen.getByTestId("DeleteGalleryButton")).toBeInTheDocument();
+    });
 });

From 7005218548e982fa659d43c1abf6ef95e659d17f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 12:43:34 +0100
Subject: [PATCH 04/10] Create DeleteGalleryButton.test.tsx

---
 .../Galleries/DeleteGalleryButton.test.tsx          | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 resources/js/Components/Galleries/DeleteGalleryButton.test.tsx

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
new file mode 100644
index 000000000..fd4e3d78b
--- /dev/null
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -0,0 +1,13 @@
+import GalleryDataFactory from "@/Tests/Factories/Gallery/GalleryDataFactory";
+import { render, screen } from "@/Tests/testing-library";
+import DeleteGalleryButton from "./DeleteGalleryButton";
+
+describe("DeleteGalleryButton", () => {
+    const gallery = new GalleryDataFactory().create();
+
+    it("should render", () => {
+        render(<DeleteGalleryButton gallery={gallery} />);
+
+        expect(screen.getByTestId("DeleteGalleryButton")).toBeInTheDocument();
+    });
+});

From ce6a5945ce5c4551c6d0b5638a3abf4b745b4364 Mon Sep 17 00:00:00 2001
From: crnkovic <crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 11:45:44 +0000
Subject: [PATCH 05/10] style: resolve linting violations

---
 resources/js/Components/Galleries/DeleteGalleryButton.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index fd4e3d78b..3e7c79990 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -1,6 +1,6 @@
+import DeleteGalleryButton from "./DeleteGalleryButton";
 import GalleryDataFactory from "@/Tests/Factories/Gallery/GalleryDataFactory";
 import { render, screen } from "@/Tests/testing-library";
-import DeleteGalleryButton from "./DeleteGalleryButton";
 
 describe("DeleteGalleryButton", () => {
     const gallery = new GalleryDataFactory().create();

From 9bca99f57faccc6873ace6f12da70f2529d72cb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 13:02:55 +0100
Subject: [PATCH 06/10] add test

---
 .../Galleries/DeleteGalleryButton.test.tsx    | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index 3e7c79990..d465c7b42 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -1,6 +1,7 @@
 import DeleteGalleryButton from "./DeleteGalleryButton";
 import GalleryDataFactory from "@/Tests/Factories/Gallery/GalleryDataFactory";
-import { render, screen } from "@/Tests/testing-library";
+import { mockInertiaUseForm, render, screen } from "@/Tests/testing-library";
+import userEvent from "@testing-library/user-event"
 
 describe("DeleteGalleryButton", () => {
     const gallery = new GalleryDataFactory().create();
@@ -10,4 +11,33 @@ describe("DeleteGalleryButton", () => {
 
         expect(screen.getByTestId("DeleteGalleryButton")).toBeInTheDocument();
     });
+
+    it("opens the slideout panel when pressed", async () => {
+        render(<DeleteGalleryButton gallery={gallery} />);
+
+        expect(screen.queryByTestId("ConfirmationDialog__form")).not.toBeInTheDocument();
+
+        await userEvent.click(screen.getByTestId("DeleteGalleryButton"));
+
+        expect(screen.getByTestId("ConfirmationDialog__form")).toBeInTheDocument();
+    });
+
+    it("deletes the gallery when submitted", async () => {
+        const submitFunction = vi.fn();
+
+        mockInertiaUseForm({
+            data: {},
+            delete: submitFunction,
+        });
+
+        render(<DeleteGalleryButton gallery={gallery} />);
+
+        await userEvent.click(screen.getByTestId("DeleteGalleryButton"));
+
+        await userEvent.type(screen.getByTestId("ConfirmDeletionDialog__input"), "DELETE");
+
+        await userEvent.click(screen.getByTestId("ConfirmationDialog__confirm"));
+
+        expect(submitFunction).toHaveBeenCalled();
+    });
 });

From fed453b1e951bedf2c30275ad824f0db5ee55358 Mon Sep 17 00:00:00 2001
From: crnkovic <crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 12:03:44 +0000
Subject: [PATCH 07/10] style: resolve style guide violations

---
 resources/js/Components/Galleries/DeleteGalleryButton.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index d465c7b42..1dd7ea22a 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -1,7 +1,7 @@
 import DeleteGalleryButton from "./DeleteGalleryButton";
 import GalleryDataFactory from "@/Tests/Factories/Gallery/GalleryDataFactory";
 import { mockInertiaUseForm, render, screen } from "@/Tests/testing-library";
-import userEvent from "@testing-library/user-event"
+import userEvent from "@testing-library/user-event";
 
 describe("DeleteGalleryButton", () => {
     const gallery = new GalleryDataFactory().create();

From 0c5940319c71f2113396e0482898872eb0f44721 Mon Sep 17 00:00:00 2001
From: ItsANameToo <ItsANameToo@users.noreply.github.com>
Date: Wed, 8 Nov 2023 12:06:39 +0000
Subject: [PATCH 08/10] style: resolve linting violations

---
 resources/js/Components/Galleries/DeleteGalleryButton.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index 1dd7ea22a..213348594 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -1,7 +1,7 @@
+import userEvent from "@testing-library/user-event";
 import DeleteGalleryButton from "./DeleteGalleryButton";
 import GalleryDataFactory from "@/Tests/Factories/Gallery/GalleryDataFactory";
 import { mockInertiaUseForm, render, screen } from "@/Tests/testing-library";
-import userEvent from "@testing-library/user-event";
 
 describe("DeleteGalleryButton", () => {
     const gallery = new GalleryDataFactory().create();

From 90809ca687a674c765455d4ae485024d0ac324dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 13:22:09 +0100
Subject: [PATCH 09/10] Update DeleteGalleryButton.test.tsx

---
 .../Galleries/DeleteGalleryButton.test.tsx    | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index 213348594..5587673a3 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -22,8 +22,24 @@ describe("DeleteGalleryButton", () => {
         expect(screen.getByTestId("ConfirmationDialog__form")).toBeInTheDocument();
     });
 
+    it("closes the slideout panel when close button is pressed", async () => {
+        render(<DeleteGalleryButton gallery={gallery} />);
+
+        expect(screen.queryByTestId("ConfirmationDialog__form")).not.toBeInTheDocument();
+
+        await userEvent.click(screen.getByTestId("DeleteGalleryButton"));
+
+        expect(screen.getByTestId("ConfirmationDialog__form")).toBeInTheDocument();
+
+        await userEvent.click(screen.getByTestId("ConfirmationDialog__close"));
+
+        expect(screen.queryByTestId("ConfirmationDialog__form")).not.toBeInTheDocument();
+    });
+
     it("deletes the gallery when submitted", async () => {
-        const submitFunction = vi.fn();
+        const submitFunction = vi.fn().mockImplementation((_, options) => {
+            options?.onFinish?.();
+        });
 
         mockInertiaUseForm({
             data: {},
@@ -39,5 +55,7 @@ describe("DeleteGalleryButton", () => {
         await userEvent.click(screen.getByTestId("ConfirmationDialog__confirm"));
 
         expect(submitFunction).toHaveBeenCalled();
+
+        expect(screen.queryByTestId("ConfirmationDialog__form")).not.toBeInTheDocument();
     });
 });

From 3d6839c7f12be13cb56cec514b20a813759a9159 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Crnkovi=C4=87?=
 <6536260+crnkovic@users.noreply.github.com>
Date: Wed, 8 Nov 2023 13:27:48 +0100
Subject: [PATCH 10/10] Update DeleteGalleryButton.test.tsx

---
 resources/js/Components/Galleries/DeleteGalleryButton.test.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
index 5587673a3..fcca6398a 100644
--- a/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
+++ b/resources/js/Components/Galleries/DeleteGalleryButton.test.tsx
@@ -38,6 +38,7 @@ describe("DeleteGalleryButton", () => {
 
     it("deletes the gallery when submitted", async () => {
         const submitFunction = vi.fn().mockImplementation((_, options) => {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
             options?.onFinish?.();
         });