From f721bbfb534ed25fa24313531500450e7c590aed Mon Sep 17 00:00:00 2001
From: indigane <indigane@users.noreply.github.com>
Date: Thu, 25 Jul 2024 13:10:46 +0300
Subject: [PATCH] Change ownership modal to open when add button clicked in
 sale form

---
 frontend/src/common/components/OwnershipList.tsx           | 1 +
 frontend/src/common/components/forms/RelatedModelInput.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/common/components/OwnershipList.tsx b/frontend/src/common/components/OwnershipList.tsx
index ae4a72daf..3f404741c 100644
--- a/frontend/src/common/components/OwnershipList.tsx
+++ b/frontend/src/common/components/OwnershipList.tsx
@@ -48,6 +48,7 @@ const OwnershipList = () => {
                                     name={`ownerships.${index}.owner`}
                                     transform={(obj) => formatOwner(obj)}
                                     RelatedModelMutateComponent={OwnerMutateForm}
+                                    isModalDefaultOpen={formObject.getValues(`ownerships.${index}.owner`) === undefined}
                                 />
                             </div>
                             <div className="percentage">
diff --git a/frontend/src/common/components/forms/RelatedModelInput.tsx b/frontend/src/common/components/forms/RelatedModelInput.tsx
index a6da1f07e..789e707f4 100644
--- a/frontend/src/common/components/forms/RelatedModelInput.tsx
+++ b/frontend/src/common/components/forms/RelatedModelInput.tsx
@@ -213,6 +213,7 @@ interface RelatedModelInputProps {
     RelatedModelMutateComponent?: IRelatedModelMutateComponent;
     required?: boolean;
     disabled?: boolean;
+    isModalDefaultOpen?: boolean;
 }
 
 const RelatedModelInput = ({
@@ -229,11 +230,12 @@ const RelatedModelInput = ({
 
     required,
     disabled,
+    isModalDefaultOpen,
 }: RelatedModelInputProps) => {
     const formObject = useFormContext();
     formObject.register(name);
 
-    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isModalOpen, setIsModalOpen] = useState(isModalDefaultOpen ?? false);
     const openModal = () => setIsModalOpen(true);
     const closeModal = () => setIsModalOpen(false);