Skip to content

Feat/update tab filter UI#99

Merged
haejinyun merged 6 commits intomainfrom
feat/update-tab-filter-ui
Nov 13, 2025
Merged

Feat/update tab filter UI#99
haejinyun merged 6 commits intomainfrom
feat/update-tab-filter-ui

Conversation

@haejinyun
Copy link
Copy Markdown
Contributor

🔥 PR Title

add new filter ui ux

📌 Work Description

  • use zustand store by filter's property
    (we use in /home, /map)
  • add tab util component
  • add shared RoundedSelectBox
  • add shared constant STATIONS
  • add new api body property sortBy

✅ Checklist

  • Tested that the code works correctly
  • Updated documentation if necessary
  • Added explanations to help reviewers understand the code

📸 Screenshots (Optional)

image image image image image

🚀 How to Test (Optional)

💡 Notes / Discussion Points (Optional)

@vercel
Copy link
Copy Markdown

vercel bot commented Nov 13, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
gryffindor Ready Ready Preview Comment Nov 13, 2025 5:10am

Copy link
Copy Markdown
Member

@soosoo22 soosoo22 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

필터 기능이 홈 - 지도 페이지 일관되게 동작하도록 잘 처리해주셨네요! 👏👏👏
로컬에서 확인했을 때 문제없이 잘 동작합니다! 수고하셨어용!

max: number;
};
honbobLevel: number;
honbobLevel?: number[];
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

복수형 honbobLevels 는 어떤가요??

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 부분은 dto에 s가빠져있어서 고민히다가 다 단수로 바꿨습니다.. BE랑 이야기해서 수정해야할 것 같아요.

Comment on lines +59 to +66
<div
className="fixed right-5 z-40"
style={{
top: "calc(84px + env(safe-area-inset-top))",
}}
>
<LevelFilterButton honbobLevel={levelDisplayValue} onClick={openFilter} />
</div>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍👍👍

Comment on lines +17 to +31
export function useStoreListQuery({
filters,
center,
bounds,
limit = 30,
station,
}: UseStoreListQueryParams) {
const hasGeoBounds = !!bounds;

const generateQueryKey = () => {
if (hasGeoBounds && bounds) {
return queryKeys.STORE_LIST_BY_BOUNDS(filters, { bounds, center });
}
return queryKeys.STORE_LIST(station || "default", filters);
};
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오! useSToreListQuery훅을 홈에서도 재사용하기 위해 키 분리하는 거 좋네용!

@haejinyun haejinyun merged commit b4dae49 into main Nov 13, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants