[TNT-309] 신규 TextField 일괄 적용

[hoyahozz]

📝 작업 내용

• Closes [TNT-309] TextField 컴포넌트 변경 #143

• 디자인 시스템에 적용된 신규 TextField 를 모든 화면에 일괄 적용하였습니다.

  • ✅ CodeEntryPage - 초대 코드 입력
  • ✅ PTSessionFormPage - PT 세션 정보 입력 (구조 개선)
  • ✅ TraineeMealRecordScreen - 식단 기록
  • ✅ TraineeBasicInfoPage - 트레이니 기본 정보 입력
  • ✅ TraineeProfileSetupPage - 트레이니 프로필 설정
  • ✅ AddPtSessionScreen - PT 세션 추가
  • ✅ TrainerInviteScreen - 트레이너 초대 코드 입력
  • ✅ TrainerModifyMyInfo - 트레이너 정보 수정
  • ✅ TrainerProfileSetupPage - 트레이너 프로필 설정

• TextField 는 다음 세 가지 타입으로 나눠집니다.!
  • TextField - 경고 메시지나 타이틀을 제외한 순수한 TextField 컴포넌트
  • LabeledTextField - 경고 메시지, 타이틀을 포함한 컴포넌트
  • SelectableTextField - 클릭 가능한 컴포넌트

• ⚠️ 디자인 시스템 폰트 내 커스텀 LineHeightStyle 을 적용하였습니다.

• 이는 기본 LineHeightStyle 의 속성 때문입니다.
  • 안드로이드에서 LineHeight 는, 피그마와 다르게 Text Baseline 사이의 거리를 의미합니다.
  • 이러한 특성으로 인해 피그마 내 디자인 시스템과 다르게 출력되는 오류가 발생하였습니다.

• 오른쪽의 Both 가 기본 속성으로, 첫 줄의 텍스트는 위에 다른 텍스트가 없으므로 Line Height 가 적용되지 않습니다.
• 고로 None 속성을 적용하여, 해당 텍스트 위, 아래에 텍스트 유무와 상관없이 Line Height 를 적용합니다.

• 이 외 기타 버그들을 수정하였습니다.
  • 트레이니 식단 기록 시 기록 종료 안내 다이얼로그의 [확인] 을 클릭하여도 종료되지 않던 오류 수정
  • 백엔드 수정사항에 따른 프로퍼티명 변경 (ptGoal -> ptGoals) (5e3c09c, e1af2da)
  • 트레이니 연결 화면에서 뒤로 가지지 않던 오류 수정

📸 실행 화면

🙆🏻 리뷰 요청 사항

• TextField 구현부는 Preview 를 제외하고 보시면 될 것 같습니다!
  • 신규 TextField 컴포넌트 구현
  • 신규 LabeledTextField 컴포넌트 구현
  • 신규 SelectableTextField 컴포넌트 구현

👀 레퍼런스

• [번역] Jetpack Compose 에서 폰트 패딩을 수정하는 방법

[SeonJeongk]

전부 새로 적용하시느라 넘 고생하셨습니다 ;-;

아래 사항들과 리뷰만 한 번 확인 부탁드립니다!
(머지되는대로 트레이니 마이페이지 수정 화면에도 적용하여 PR 업로드 하겠습니다🙏)

1. text_counter 형식
text_counter를 디자인 시스템에 맞게
%1$d/%2$d자에서 %1$d / %2$d 으로 수정 부탁드립니다!

2. TnTOutlinedTextField 삭제
삭제된 TextField파일의 TnTOutlinedTextField가 남아있는 화면들이 있습니다!
리뷰로 남겨놨으니 해당 부분들 확인 부탁드립니다!!

• TraineeBasicInfoPage
• TraineeNoteForTrainerPage

[SeonJeongk]

TraineeNoteForTrainerPage 파일 line 60 에 있는
TnTOutlinedTextField도 아래처럼 수정 부탁드립니다!

                TnTLabeledTextField(
                    value = caution ?: "",
                    onValueChange = { newValue ->
                        onChangeCaution(newValue)
                    },
                    modifier = Modifier.padding(horizontal = 20.dp),
                    size = TnTTextFieldSize.LARGE,
                    placeholder = "내용을 입력해주세요.",
                    isWarning = (caution?.length ?: 0) >= MAX_LENGTH,
                    warningMessage = stringResource(R.string.text_length_overflow),
                    maxLength = 100,
                )

[hoyahozz]

@SeonJeongk

리뷰 남겨주신 내용 일괄 수정 완료하였습니다! 감사합니다 ~!!

PR 내용도 추가했어요!!

[SeonJeongk]

고생하셨습니다!!
추가로 달아주신 PR 내용 덕분에 이해가 확실히 됐습니다👍