From 51ce80249fd94d46a2f7426fd9bd1af595bdc1d7 Mon Sep 17 00:00:00 2001
From: kingyau991319 <kingyau991319@yahoo.com.hk>
Date: Sat, 11 Jun 2022 22:51:22 +0800
Subject: [PATCH] fix bugs

---
 .../NewResv/Form/PersonInfo/Interface/InputElementType.ts    | 2 +-
 src/components/NewResv/Form/PersonInfo/Person.tsx            | 4 ++--
 src/components/NewResv/Form/PersonInfo/PersonInfo.tsx        | 5 ++++-
 .../NewResv/Form/PersonInfo/TextInputElement/Gender.tsx      | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/NewResv/Form/PersonInfo/Interface/InputElementType.ts b/src/components/NewResv/Form/PersonInfo/Interface/InputElementType.ts
index 67d9e5b..c286054 100644
--- a/src/components/NewResv/Form/PersonInfo/Interface/InputElementType.ts
+++ b/src/components/NewResv/Form/PersonInfo/Interface/InputElementType.ts
@@ -1,2 +1,2 @@
 // the type of the input element
-export type InputType = 'name' | 'age' | 'email' | 'phone' | 'remark';
+export type InputType = 'name' | 'age' | 'email' | 'phone' | 'remark' | 'gender';
diff --git a/src/components/NewResv/Form/PersonInfo/Person.tsx b/src/components/NewResv/Form/PersonInfo/Person.tsx
index 768502e..99f6df6 100644
--- a/src/components/NewResv/Form/PersonInfo/Person.tsx
+++ b/src/components/NewResv/Form/PersonInfo/Person.tsx
@@ -25,7 +25,7 @@ import Remark from './TextInputElement/Remark';
 import Gender from './TextInputElement/Gender';
 
 // Interface
-import { PersonData, PhoneData } from './Interface/PersonData';
+import { GenderType, PersonData, PhoneData } from './Interface/PersonData';
 
 const Person = 
   (props : {
@@ -70,7 +70,7 @@ const Person =
     changeValue(id, 'phone', inputPhone)
   }
 
-  const setGender = (inputGender : string) => {
+  const setGender = (inputGender : GenderType) => {
     changeValue(id, 'gender', inputGender)
   }
 
diff --git a/src/components/NewResv/Form/PersonInfo/PersonInfo.tsx b/src/components/NewResv/Form/PersonInfo/PersonInfo.tsx
index 676a884..cbab6f7 100644
--- a/src/components/NewResv/Form/PersonInfo/PersonInfo.tsx
+++ b/src/components/NewResv/Form/PersonInfo/PersonInfo.tsx
@@ -64,11 +64,14 @@ const PersonInfo = (props : {persons : PersonData[], setPersons : Function}) =>
           case 'phone':
             updatePerson.phone = value;
             break;
+          case 'gender':
+            updatePerson.gender = value;
+            break;
           case 'remark':
             updatePerson.remark = value;
             break;
           default:
-            break;
+            return;
         }
       persons[id-1] = updatePerson;
       setPersons([...persons]);
diff --git a/src/components/NewResv/Form/PersonInfo/TextInputElement/Gender.tsx b/src/components/NewResv/Form/PersonInfo/TextInputElement/Gender.tsx
index ab41498..e6fc913 100644
--- a/src/components/NewResv/Form/PersonInfo/TextInputElement/Gender.tsx
+++ b/src/components/NewResv/Form/PersonInfo/TextInputElement/Gender.tsx
@@ -30,7 +30,7 @@ const Gender = (props : {value:GenderType, setGender:Function}) => {
       <Select
         onChange={changeGender}
         label={t("gender")}
-        defaultValue={value}
+        defaultValue={'other'}
       >
         <MenuItem value='male'> {t('male')} </MenuItem>
         <MenuItem value='female'> {t('female')} </MenuItem>