From c8416ef97c742789de2ced2d0c0f1fb2c5c1cdf0 Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Tue, 22 Aug 2023 11:24:43 +0900
Subject: [PATCH] =?UTF-8?q?=E5=A5=91=E7=B4=84=E8=AD=98=E5=88=A5=E5=AD=90?=
 =?UTF-8?q?=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/contract.ts                     |  1 +
 src/pages/dashboard/contract/create.tsx | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/api/contract.ts b/src/api/contract.ts
index d24d656..79d3471 100644
--- a/src/api/contract.ts
+++ b/src/api/contract.ts
@@ -33,6 +33,7 @@ export const getContracts = async (data: ContractsRequest) => {
 export type ContractCreateRequest = {
   name: string;
   custom?: string;
+  contract_code?: string;
 };
 
 export const createContract = async (data: ContractCreateRequest) => {
diff --git a/src/pages/dashboard/contract/create.tsx b/src/pages/dashboard/contract/create.tsx
index 7e161cc..ce9a137 100644
--- a/src/pages/dashboard/contract/create.tsx
+++ b/src/pages/dashboard/contract/create.tsx
@@ -36,6 +36,7 @@ function AreaBox({ title, children }: AreaBoxProps) {
 type FormProps = {
   name: string;
   custom: string;
+  contract_code: string;
 };
 
 export default function ContractCreate() {
@@ -59,18 +60,21 @@ export default function ContractCreate() {
     defaultValues: {
       name: "",
       custom: "",
+      contract_code: "",
     },
   });
 
   const { callAPI } = useAPICall({
     apiMethod: createContract,
     backDrop: true,
+    form,
     onSuccess: () => {
       success("登録しました");
       setMode("done");
     },
     onFailed: () => {
       error("失敗しました");
+      setMode("input");
     },
   });
 
@@ -109,6 +113,9 @@ export default function ContractCreate() {
               <AreaBox title="契約者名">
                 <RHFTextField name="name" size="small" />
               </AreaBox>
+              <AreaBox title="契約識別子">
+                <RHFTextField name="contract_code" size="small" />
+              </AreaBox>
               <AreaBox title="カスタム識別子">
                 <RHFTextField name="custom" size="small" />
               </AreaBox>
@@ -131,6 +138,10 @@ export default function ContractCreate() {
                   <TableCell>契約者名</TableCell>
                   <TableCell>{form.getValues("name")}</TableCell>
                 </TableRow>
+                <TableRow>
+                  <TableCell>契約識別子</TableCell>
+                  <TableCell>{form.getValues("contract_code")}</TableCell>
+                </TableRow>
                 <TableRow>
                   <TableCell>カスタム識別子</TableCell>
                   <TableCell>{form.getValues("custom")}</TableCell>