fix: edit modal size (#899)

Co-authored-by: Oleksandr Raspopov <[email protected]>
0xPolygonID · Jan 27, 2025 · c4a73bc · c4a73bc
1 parent bae1f7c
commit c4a73bc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ui/src/components/payments/PaymentOption.tsx b/ui/src/components/payments/PaymentOption.tsx
@@ -284,6 +284,7 @@ export function PaymentOption() {
               <EditModal
                 onClose={() => setIsEditModalOpen(false)}
                 open={isEditModalOpen}
+                size="large"
                 title="Edit payment option"
               >
                 <PaymentOptionForm

diff --git a/ui/src/components/shared/EditModal.tsx b/ui/src/components/shared/EditModal.tsx
@@ -2,15 +2,22 @@ import { Divider, Modal } from "antd";
 import { ReactNode } from "react";
 import IconClose from "src/assets/icons/x.svg?react";
 
+const MODAL_SIZES = {
+  large: 800,
+  small: 520,
+};
+
 export function EditModal({
   children,
   onClose,
   open,
+  size = "small",
   title,
 }: {
   children: ReactNode;
   onClose: () => void;
   open: boolean;
+  size: "small" | "large";
   title: string;
 }) {
   return (
@@ -23,8 +30,8 @@ export function EditModal({
       maskClosable
       onCancel={onClose}
       open={open}
-      style={{ maxWidth: 600 }}
       title={title}
+      width={MODAL_SIZES[size]}
     >
       <Divider />
       {children}