[#1} fix: add missing parts

react-native/screens/JoinScreen.tsx

@@ -25,7 +25,7 @@ export default function JoinScreen({ navigation }: Navigation) {
 		uprofileImg: 1,
 		username: '',
 		ulanguage: '',
-		uchildren: colors.map(color => ({'cname': '', 'cprofileImg': 1, 'color': color?.id}))
+		uchildren: colors.map(color => ({ cname: '', cprofileImg: 1, color: color?.id }))
 	})
 	const [open, setOpen] = useState(-1);
 
@@ -89,7 +89,7 @@ export default function JoinScreen({ navigation }: Navigation) {
 
 	const handleChildrenProfileImg = (childNum: number,value: number) => (event: GestureResponderEvent) => {
 		let array = joinForm?.uchildren;
-		console.log(array);
+		// console.log(array);
 		if (array) {
 			array[childNum].cprofileImg = value;
 			setOpen(-1);
@@ -227,8 +227,8 @@ export default function JoinScreen({ navigation }: Navigation) {
 										onClose={() => setOpen(-1)}
 										trigger={triggerProps => {
 											return <Button {...triggerProps} variant="unstyled" onPress={() => setOpen(child)}>
-												{joinForm && joinForm.uchildren && 
-													<Image style={[styles.cprofileImage]} source={cProfileImgSource[joinForm?.uchildren[child]?.cprofileImg-1]} />
+												{joinForm && joinForm.uchildren &&
+													<Image style={[styles.cprofileImage]} source={cProfileImgSource[joinForm.uchildren[child]?.cprofileImg-1]} />
 												}
 											</Button>
 										}}

react-native/types.ts

@@ -1,117 +1,121 @@
 import type { NativeStackScreenProps } from '@react-navigation/native-stack';
 
 export type RootStackParamList = {
-	Login: undefined;
-	Join: undefined;
-	Introduction: undefined;
-	Home: undefined;
-	Translate: undefined;
-	Search: undefined;
-	Calendar: undefined;
-	FullText: undefined;
-	SearchResult: undefined;
+    Login: undefined;
+    Join: undefined;
+    Introduction: undefined;
+    Home: undefined;
+    Translate: undefined;
+    Search: undefined;
+    Calendar: undefined;
+    FullText: undefined;
+    SearchResult: undefined;
 };
 
 export type Navigation = NativeStackScreenProps<RootStackParamList, 'Home'>;
 
 export type TextInput = {
-	errorText: string;
-	description: string;
+    errorText: string;
+    description: string;
 }
 
 interface Children {
-	cid: number,
-	cname?: string,
-	cProfileImg?: number,
-	color?: number,
+    cid: number,
+    cname?: string,
+    cprofileImg: number,
+    color?: number,
 }
 
-interface JoinData {
-	uid?: number,
-	uprofileImg?: number,
-	username?: string,
-	ulanguage?: string,
-	uchildren?: { cname: string, cprofileImg: number, color: number }[]
+interface UserInfo {
+    uid?: number,
+    uprofileImg?: number,
+    username?: string,
+    ulanguage?: string,
 }
 
-interface UserData extends JoinData {
+interface JoinData extends UserInfo {
+    uchildren?: { cname?: string, cprofileImg: number, color?: number }[]
+}
+
+interface UserData extends UserInfo {
+    uchildren?: Children[],
     uemail?: string | undefined,
     uproviderType?: string | undefined,
     uroleType?: string | undefined,
 }
 
 interface AuthData {
-	access_token?: string,
-	refresh_token?: string,
+    access_token?: string,
+    refresh_token?: string,
 }
 
 interface AuthResponse {
-	header: AuthData,
-	body: UserData
+    header: AuthData,
+    body: UserData
 }
 
 interface AuthContextData {
     authData?: AuthData;
     userData?: UserData;
     loading: boolean;
-	update: boolean;
+    update: boolean;
     signUp(data: JoinData): Promise<void>;
     signIn(accessToken: string): Promise<void>;
     signOut(): void;
-	handleUpdate(): void;
+    handleUpdate(): void;
 };
 interface Event {
-	id: number, 
-	content: string, 
-	date?: string, 
-	highlight: boolean, 
-	registered: boolean
+    id: number, 
+    content: string, 
+    date?: string, 
+    highlight: boolean, 
+    registered: boolean
 }
 
 interface Result {
-	id?: number,
-	imageUri?: string,
-	fullText: Event[],
-	korean: string,
-	trans_full?: string
+    id?: number,
+    imageUri?: string,
+    fullText: Event[],
+    korean: string,
+    trans_full?: string
 }
 
 interface Notice {
-	date: string,
-	results: Result[]
+    date: string,
+    results: Result[]
 }
 
 interface Notices {
-	date: string,
-	saved_titles: string[]
+    date: string,
+    saved_titles: string[]
 }
 
 interface BottomDrawerProps {
-	results: Result,
-	showKorean?: boolean,
-	isFullDrawer?: boolean,
-	isTranslateScreen?: boolean,
-	openSaveForm?: boolean,
-	handleKorean?: () => void,
-	saveResults?: (form: ResultsForm) => void,
-	closeResults?: () => void,
-	retakePicture?: () => void,
-	handleOpenSaveForm?: () => void
+    results: Result,
+    showKorean?: boolean,
+    isFullDrawer?: boolean,
+    isTranslateScreen?: boolean,
+    openSaveForm?: boolean,
+    handleKorean?: () => void,
+    saveResults?: (form: ResultsForm) => void,
+    closeResults?: () => void,
+    retakePicture?: () => void,
+    handleOpenSaveForm?: () => void
 }
 
 interface EventForm {
-	title: string, 
-	date: string, 
-	cid: number, 
-	description: string
+    title: string, 
+    date: string, 
+    cid: number, 
+    description: string
 }
 
 interface ResultsForm {
-	cid: number,
-	title: string
+    cid: number,
+    title: string
 }
 
 export type {
-	UserData, JoinData, AuthData, AuthResponse, AuthContextData, Children, 
-	Event, Result, Notice, Notices, BottomDrawerProps, EventForm, ResultsForm
+    UserData, JoinData, AuthData, AuthResponse, AuthContextData, Children, 
+    Event, Result, Notice, Notices, BottomDrawerProps, EventForm, ResultsForm
 }