diff --git a/src/app/dashboard/[subdomain]/editor/page-component.tsx b/src/app/dashboard/[subdomain]/editor/page-component.tsx
index da4fb154..6bcf6ad8 100644
--- a/src/app/dashboard/[subdomain]/editor/page-component.tsx
+++ b/src/app/dashboard/[subdomain]/editor/page-component.tsx
@@ -901,6 +901,9 @@ const useEditorAdvancedModal = ({ isPost }: { isPost: boolean }) => {
present({
title: t("Advanced Settings"),
content: () => ,
+ modalProps: {
+ withConfirm: true,
+ },
})
}
}
diff --git a/src/components/dashboard/DeleteConfirmationModal.tsx b/src/components/dashboard/DeleteConfirmationModal.tsx
index b3b13de2..4ac34339 100644
--- a/src/components/dashboard/DeleteConfirmationModal.tsx
+++ b/src/components/dashboard/DeleteConfirmationModal.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next"
+import { useTranslation } from "~/lib/i18n/client"
import { Button } from "../ui/Button"
import { Modal } from "../ui/Modal"
diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx
index 5cb21962..141b6ddd 100644
--- a/src/components/ui/Modal.tsx
+++ b/src/components/ui/Modal.tsx
@@ -4,8 +4,11 @@ import React, { Fragment, forwardRef } from "react"
import { Dialog, Transition } from "@headlessui/react"
+import { useTranslation } from "~/lib/i18n/client"
import { cn } from "~/lib/utils"
+import { Button } from "./Button"
+
export interface ModalProps {
open: boolean
setOpen: (open: boolean) => void
@@ -17,6 +20,7 @@ export interface ModalProps {
panelClassName?: string
boxClassName?: string
afterLeave?: () => void
+ withConfirm?: boolean
}
export const Modal = forwardRef(
@@ -32,9 +36,12 @@ export const Modal = forwardRef(
panelClassName,
boxClassName,
afterLeave,
+ withConfirm,
},
ref,
) => {
+ const { t } = useTranslation("common")
+
return (