Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TNT-206] TraineeMyPage 작성, TToast 작성 #49

Merged
merged 3 commits into from
Feb 3, 2025

Conversation

FpRaArNkK
Copy link
Contributor

@FpRaArNkK FpRaArNkK commented Feb 2, 2025

📌 What is the PR?

  • TraineeMyPage 화면을 작성했습니다.
  • 팝업, 토스트 관련 코드를 수정, 작성했습니다.

🪄 Changes

  • TraineeMyPage 작성
  • TPopUp 신규 디자인 시스템 반영
  • TToast 작성

🌐 Common Changes

  • TPopUpAlertState에 warning sign 표시 플래그가 추가되었습니다.
  • TToast를 통해 토스트 표시를 간단하게 처리 가능하게 했습니다.

🔥 PR Point

  1. TPopUpAlert에 신규 디자인 시스템을 반영했습니다. 느낌표 디자인인 warningSign의 표시여부를 제어할 수 있습니다.
    표시되지 않는 경우 공백 뷰가 추가되어 디자인과 동일한 Alert가 표시됩니다.
    사용법은 아래와 같습니다. - 아래와 같이 하셔도 되고, AlertState를 데이터 형태로 따로 관리해서 사용하셔도 됩니다.
 SomeView()
        .tPopUp(isPresented: $isPopUpPresented) {
            TPopUpAlertView(alertState: TPopupAlertState(
                title: "Test PopUp",
                message: "This is a test message for the PopUp component.",
                showAlertIcon: true, // <- 기존에서 추가된 부분
                buttons: [
                    TPopupAlertState.ButtonState(
                        title: "Cancel",
                        style: .secondary,
                        action: EquatableClosure { 
                           print("Cancel tapped") 
                           isPopUpPresented = false
                        }
                    ),
                    TPopupAlertState.ButtonState(
                        title: "Confirm",
                        style: .primary,
                        action: EquatableClosure {
                            print("Confirm tapped")
                            isPopUpPresented = false
                        }
                    )
                ]
            ))
        }
  1. TToast를 작성했습니다. 표시되는 방식은 TPopUpAlert와 동일하며, inout 애니메이션과 자동 out 로직이 작성되었습니다.
    디자인 시스템 상 Toast의 LeftView가 Text 또는 Image이므로, LeftView는 직접 작성하여 넣도록 작성했습니다.
    사용법은 아래와 같습니다.
SomeView()
.tToast(
            isPresented: $store.appPushNotificationAllowed,
            message: "코드가 복사되었어요!",
            leftView: {
                Text("")
                    .typographyStyle(.body1Bold, with: .neutral50)
            }
        )
  1. TraineeMyPage를 작성했습니다. 화면 연결하고 싶어요.

📸 Screenshot

기능 스크린샷
GIF
PNG
PNG
PNG

🙆🏻 To Reviewers

  • 화면 연결하고 싶어요.

💭 Related Issues

@FpRaArNkK FpRaArNkK added the ✨Feat 새로운 기능 구현 (새로운 로직 추가, UI 구현 등) label Feb 2, 2025
@FpRaArNkK FpRaArNkK requested a review from syss220211 February 2, 2025 20:21
@FpRaArNkK FpRaArNkK self-assigned this Feb 2, 2025
@FpRaArNkK FpRaArNkK merged commit 93decd5 into develop Feb 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨Feat 새로운 기능 구현 (새로운 로직 추가, UI 구현 등)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[TNT-206] 트레이니 마이페이지 화면 작성
2 participants