fix: [2.0.0] 2차 QA [2]

[ShapeKim98]

#️⃣연관된 이슈

#196

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)

포킷 추가/수정

• 전체공개, 포킷 키워드 미선택 시 버튼 비활성화 처리, 현재는 버튼 눌렀을 때 에러처리가 되는데 로직 수정
• 미분류 링크 기본 사진 적용
• 키보드가 올라왔을 때 빈곳이나 다른 컴포넌트 눌렀을 때 키보드 내려가게 수정

포킷 상세

• 필터 다중 선택 제거
• 필터 버튼 아이콘 추가

링크추천

• 키워드 선택 로직 수정

링크 목록

• 즐겨찾기/안읽음 눌렀을 때 하단에서 올라오는 애니메이션 수정 필요

검색

• 최근 검색어 표시 여부 분기 변경
• 검색 필터 활성화 버튼 변경사항 반영
• 캘린더 오늘 날짜 이후 버튼 비활성화

설정

• 프로필 수정 시 닉네임 텍스트필드 눌렀을 때 '중복된 닉네임' 에러 수정
• 플레이스홀더 수정: 내용을 입력해주세요 -> 닉네임을 입력해주세요

미분류 > 편집하기 시트

• disable 수정

포킷바텀버튼

• 그라디언트 배경 적용
• 선언형 프로그래밍 일부 적용

PokitCaution

• empty 이미지 변경
• 컴포넌트 여백 변경사항 반영

스크린샷 (선택)

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

컴포넌트 단위의 뷰에 선언형 프로그래밍을 점차 도입하고자 합니다.

• 기존 디자인 시스템 컴포넌트 구성은 생성자 주입에 의존하기 때문에, 컴포넌트의 디자인 구성이 복잡해지고, 다양해질 수록 뷰의 생성자가 길어지고 가독성이 안좋아 지는 문제점이 있었습니다.
  또한, 예를 들어 PokitBottomButton 같은 경우에는 상황에 따라 키보드 표시 여부에 따른 하단 패딩 조절 로직이 필요한데, 이를 선택적으로 재사용하기에 한계가 있었습니다.

// 생성자 주입이 복잡해짐
PokitIconButton(
    .icon(.edit),
    state: .default(.secondary),
    size: .small,
    shape: .round,
    action: { send(.관심사_편집_버튼_눌렀을때) }
)

PokitBottomButton(
    "저장하기",
    state: isDisable ? .disable : .filled(.primary),
    isLoading: $store.saveIsLoading,
    action: { send(.저장_버튼_눌렀을때) }
)
.padding(.horizontal, 20)
.pokitMaxWidth()
// 필요한 뷰마다, 해당 모디파이어를 매번 선언해줘야함
.padding(.bottom, store.isKeyboardVisible ? -26 : 0)
.padding(.bottom, 36)

• 이러한 문제점을 개선하기 위해, 컴포넌트 단위의 뷰에 선언형 프로그래밍을 점차 도입할 생각입니다. 순수함수를 통한 자기 자신을 새로 생성하는 방식으로 선언적으로 구성했습니다.

public func keyboardAnchor(_ isKeyboardVisible: Bool) -> Self {
    PokitBottomButton(
        self.labelText,
        state: self.state,
        isLoading: self.$isLoading,
        isGradient: self.isGradient,
        isKeyboardVisible: isKeyboardVisible,
        action: self.action
    )
}

public func gradientBackground() -> Self {
    PokitBottomButton(
        self.labelText,
        state: self.state,
        isLoading: self.$isLoading,
        isGradient: true,
        isKeyboardVisible: self.isKeyboardVisible,
        action: self.action
    )
}

public func loading(_ isLoading: Binding<Bool>) -> Self {
    PokitBottomButton(
        self.labelText,
        state: self.state,
        isLoading: isLoading,
        isGradient: self.isGradient,
        isKeyboardVisible: self.isKeyboardVisible,
        action: self.action
    )
}

• 프로젝트가 그동안 많이 커지기도 했고, 컴포넌트도 많기 때문에.. 시간이 날때마다 점차 도입하겠습니다...(미리 잘 했어야 했는데..)

close 이슈번호

[stealmh]

LGTM !!
매번 달아주는게 신경쓰였는데..ㅠㅠ 앞으로 어떻게 도입될 지 기대됩니다

고생 많으셨습니다~!