From 7eb13ec033a11b1fb05fd22e0b1b23f365f22117 Mon Sep 17 00:00:00 2001
From: Marco Acierno <marcoaciernoemail@gmail.com>
Date: Wed, 10 Jun 2026 20:39:07 +0200
Subject: [PATCH] Fix backend build: migrate DjangoAdminEditorModal to Radix
 Dialog

PR #4664 removed shared/modal.tsx but django-admin-editor-modal still
imported it, breaking the vite client build in the backend Docker image.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../django-admin-editor-modal/index.tsx       | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/backend/custom_admin/src/components/shared/django-admin-editor-modal/index.tsx b/backend/custom_admin/src/components/shared/django-admin-editor-modal/index.tsx
index b17ae9ac9a..a74723a3af 100644
--- a/backend/custom_admin/src/components/shared/django-admin-editor-modal/index.tsx
+++ b/backend/custom_admin/src/components/shared/django-admin-editor-modal/index.tsx
@@ -1,7 +1,7 @@
 import { useApolloClient } from "@apollo/client";
-import { useEffect, useMemo, useState } from "react";
+import { Dialog, VisuallyHidden } from "@radix-ui/themes";
+import { useMemo, useState } from "react";
 
-import { Modal } from "../modal";
 import { DjangoAdminEditorContext, useDjangoAdminEditor } from "./context";
 
 export const DjangoAdminEditorProvider = ({ children }) => {
@@ -49,12 +49,13 @@ export const DjangoAdminEditorModal = () => {
   const itemUrl = `${baseUrl}/admin${url}`;
 
   return (
-    <Modal onClose={onClose} isOpen={isOpen}>
-      <iframe
-        title="Admin view"
-        src={itemUrl}
-        className="w-[90vw] h-[90vh] z-[100]"
-      />
-    </Modal>
+    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>
+      <Dialog.Content maxWidth="90vw" width="90vw">
+        <VisuallyHidden>
+          <Dialog.Title>Admin view</Dialog.Title>
+        </VisuallyHidden>
+        <iframe title="Admin view" src={itemUrl} className="w-full h-[85vh]" />
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };