|
|
@@ -33,6 +33,14 @@ const PopupModal: React.FC<PopupModalProps> = ({
|
|
|
setVisible(false);
|
|
|
};
|
|
|
|
|
|
+ // 담당자 리스트 const
|
|
|
+ const contacts = [
|
|
|
+ { name: "손지태 실장", phone: "010-8515-6963" },
|
|
|
+ { name: "서민석 이사", phone: "010-3550-8596" },
|
|
|
+ { name: "권순재 이사", phone: "010-6201-3252" },
|
|
|
+ { name: "주문숙 이사", phone: "010-3570-4108" },
|
|
|
+ ];
|
|
|
+
|
|
|
if (!visible) return null;
|
|
|
|
|
|
return (
|
|
|
@@ -60,8 +68,16 @@ const PopupModal: React.FC<PopupModalProps> = ({
|
|
|
<img
|
|
|
src={imageSrc}
|
|
|
alt="popup"
|
|
|
- className="w-full h-auto min-h-[200px] rounded mb-4 object-contain"
|
|
|
+ className="w-full h-auto min-h-[200px] rounded object-contain"
|
|
|
/>
|
|
|
+ {/*담당자 리스트*/}
|
|
|
+ <div className="grid grid-cols-2 gap-2 mb-4 max-w-sm mx-auto text-[8px] sm:text-[10px]">
|
|
|
+ {contacts.map(({ name, phone }, idx) => (
|
|
|
+ <div key={idx} className="px-2 py-1 bg-gray-50 flex items-center justify-center text-gray-700">
|
|
|
+ {name} {phone}
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
|
|
|
{/* 버튼 영역 */}
|
|
|
<div className="flex gap-2 mb-4">
|