Skip to content

[Refactors] 검색조건 활성화 시 데이터 생성 및 사용자 추가 제어 로직 개선#92

Open
hsssr wants to merge 1 commit into
mainfrom
91-refactor/edit-search-logic
Open

[Refactors] 검색조건 활성화 시 데이터 생성 및 사용자 추가 제어 로직 개선#92
hsssr wants to merge 1 commit into
mainfrom
91-refactor/edit-search-logic

Conversation

@hsssr

@hsssr hsssr commented Apr 30, 2025

Copy link
Copy Markdown
Contributor

📌 작업 내용

  • 검색 조건 적용 시 생성 및 사용자 추가 버튼 비활성화
  • 검색 초기화 시, 생성 및 사용자 추가 버튼 활성화
  • 데이터 초기화 버튼 클릭 -> 쿼리 밸류, input 태그 밸류 초기화

🛠️ 작업 사항 상세

  • 검색 조건(필터)이 적용된 상태에서는 데이터 생성 버튼 비활성화 & 사용자 추가 버튼 비활성화
  • 버튼 아래에 안내 문구 표시
  • 검색 및 검색 초기화 수행 시, 항상 테이블이 1페이지로 이동하도록 수정
  • ‘검색 초기화’ 버튼 클릭 시, 필터 값 및 인풋태그 밸류 값 빈 값으로 초기화

🗂 변경된 파일

input value를 전역으로 관리 : InputValueState.tsx: src/components/store/InputValueState.tsx (새로추가)

검색 조건을 전역으로 관리 : SampleTableState.tsx: src/components/store/SampleTableState.tsx (기존파일 수정)

검색조건 관련하여 데이터 생성 및 사용자 추가 제어 로직 전반적 수정
UserSearchBar.tsx: src/app/search-user/_component/UserSearchBar.tsx
SampleTable.tsx: src/components/ui/SampleTable.tsx (변수명 수정, 약간의 CSS 수정)
FunctionButtons.tsx: src/components/ui/FunctionButtons.tsx (안내문구 추가 등)

버튼 디자인 맞춤 : single-user-dialog.tsx: src/components/ui/single-user-dialog.tsx


📸 스크린샷

image


✅테스트 및 검증 사항

  1. 기본 렌더링 및 UI 테스트
    ✔️ 검색 조건이 적용된 경우, 생성 버튼과 사용자 추가 버튼이 비활성화된다.
    ✔️ 검색 조건 활성 상태에서는 경고 메시지(*데이터를 생성하려면...)가 화면에 표시된다.
    ✔️ "검색 초기화" 버튼 클릭 시 생성 관련 버튼들이 다시 활성화된다.
    ✔️ 3개의 입력란(이름, 나이, 이메일)의 빈값이 들어가도 생성 관련 버튼들이 비활성화되지 않는다.

  2. 페이지 이동 및 상태 초기화 테스트
    ✔️ 검색 시 페이지가 항상 첫 페이지(0)로 이동된다.
    ✔️ "검색 초기화" 버튼 클릭 시 첫 페이지(0)로 이동된다.
    ✔️ "초기화" 버튼 클릭 시 name, email, age(query value & input value) 입력 값이 전부 초기화된다.

@hsssr hsssr self-assigned this Apr 30, 2025
@hsssr hsssr requested a review from leebobtheblob April 30, 2025 02:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant