diff --git a/README.md b/README.md index d1f4b882..a178bb1c 100644 --- a/README.md +++ b/README.md @@ -4,12 +4,15 @@ ๐ŸŠโ€โ™‚๏ธ Swimie๋Š” ์ˆ˜์˜ ๊ธฐ๋ก์„ ๊ฐ„ํŽธํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜๊ณ , ์นœ๊ตฌ๋“ค๊ณผ ์‘์›์„ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋ฐ˜์˜ ์ˆ˜์˜ ๊ธฐ๋ก ์•ฑ์ž…๋‹ˆ๋‹ค.โ€จ
์ˆ˜์˜์ด ๋” ์ฆ๊ฑฐ์›Œ์ง€๋Š” ๊ณต๊ฐ„, ์Šค์œ„๋ฏธ์—์„œ ์˜ค๋Š˜์˜ ์ˆ˜์˜์„ ๊ธฐ๋กํ•˜๊ณ โœ’๏ธ, ์นœ๊ตฌ๋“ค์˜ ์‘์›๊ณผ ํ•จ๊ป˜ ๋™๊ธฐ๋ถ€์—ฌ๋ฅผ ์–ป์–ด๋ณด์„ธ์š”! ๐Ÿ’ช + #### ๐Ÿ‘‰Swimie ๋ฐ”๋กœ๊ฐ€๊ธฐ +
## โœจ์ฃผ์š” ๊ธฐ๋Šฅ ### ๐Ÿฆญ๋‹ฌ๋ ฅ๊ณผ ํƒ€์ž„๋ผ์ธ์„ ํ†ตํ•ด ๋‚ด ์ˆ˜์˜ ๊ธฐ๋ก์„ ์‹œ๊ฐ์ ์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด์š”. + ![swimie](https://github.com/user-attachments/assets/5c9b88ec-0e51-4ace-8e15-42a4bd01435d) ![swimie2](https://github.com/user-attachments/assets/acbb5d13-c2bd-4ee3-918a-7d0424abbb36) @@ -23,13 +26,16 @@ ![swimie4](https://github.com/user-attachments/assets/bad7149d-72a6-4695-83c9-c60c25ada78e) ### ๐Ÿฆญ์ˆ˜์˜ํ•˜๋Š” ์นœ๊ตฌ๋“ค์„ ํŒ”๋กœ์šฐํ•˜๊ณ , ์„œ๋กœ ์‘์›์„ ๋‚˜๋ˆ„๋ฉฐ ๋” ํฐ ๋™๊ธฐ๋ถ€์—ฌ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์–ด์š”. + ![swimie5](https://github.com/user-attachments/assets/aa19ce5a-5a60-425c-b364-1aafda4ab5e3)

## ๐Ÿ“ฒ Contacts #### ๐Ÿค” ๋ฌธ์˜์‚ฌํ•ญ + #### โญ๏ธ ์ธ์Šคํƒ€๊ทธ๋žจ +
## ๐Ÿ› ๏ธTech Stack diff --git a/components/molecules/text-field/select-text-field.tsx b/components/molecules/text-field/select-text-field.tsx index 17501b1c..d2be9728 100644 --- a/components/molecules/text-field/select-text-field.tsx +++ b/components/molecules/text-field/select-text-field.tsx @@ -17,6 +17,7 @@ import { SelectTextFieldProps } from './type'; //Todo: react-hook-form ๋‚ด์—์„œ ์‚ฌ์šฉ์ด ์•„๋‹Œ ๋‹ค๋ฅธ ๊ณณ์—์„œ๋„ ์‚ฌ์šฉ๋  ์‹œ, useController ์™ธ๋ถ€์—์„œ ์ฃผ์ž…๋˜๋„๋ก ๋ถ„๋ฆฌ /** * @description react-hook-form ๋‚ด์—์„œ ํด๋ฆญ ์‹œ, ๋ฐ”ํ…€ ์‹œํŠธ / ํŽ˜์ด์ง€ ๋ชจ๋‹ฌ๋กœ ๋„˜์–ด๊ฐ€๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•œ ์šฉ๋„์˜ text-field ์ปดํฌ๋„ŒํŠธ + * @param showArrow ํ™”์‚ดํ‘œ ํ‘œ์‹œ ์œ ๋ฌด * @param label ๋ผ๋ฒจ ์ด๋ฆ„ * @param isRequired ํ•„์ˆ˜ ์—ฌ๋ถ€ * @param subText ์ถ”๊ฐ€ ์„ค๋ช… ํ…์ŠคํŠธ @@ -29,6 +30,7 @@ import { SelectTextFieldProps } from './type'; * @param onClick click ์ด๋ฒคํŠธ */ export function SelectTextField({ + showArrow = true, label, isRequired = false, subText, @@ -67,9 +69,11 @@ export function SelectTextField({ /> {/* spanํƒœ๊ทธ ์ปดํฌ๋„ŒํŠธ๋กœ ๊ณตํ†ต ์ƒ์„ฑ ์‹œ ์ˆ˜์ • */} - - {} - + {showArrow && ( + + {} + + )} {subText} diff --git a/components/molecules/text-field/type.ts b/components/molecules/text-field/type.ts index 2427b745..352d99f1 100644 --- a/components/molecules/text-field/type.ts +++ b/components/molecules/text-field/type.ts @@ -31,6 +31,7 @@ export interface SelectTextFieldProps TextFieldProps, 'onChange' | 'inputType' | 'value' | 'unit' | 'maxLength' | 'registerName' > { + showArrow?: boolean; subFieldText?: string; fieldName?: string; onClick?: () => void; diff --git a/features/record/components/organisms/form.tsx b/features/record/components/organisms/form.tsx index 1a3debd0..5ccb0888 100644 --- a/features/record/components/organisms/form.tsx +++ b/features/record/components/organisms/form.tsx @@ -278,6 +278,7 @@ export function Form({ prevSwimStartTime, prevSwimEndTime }: FormProps) {