✨ Feat(#25): 대시보드 정보 수정 컴포넌트 추가

oceanlee-seoul commented 2 months ago

연관된 이슈

close #25

작업 내용

대시보드 수정 페이지에 대시보드 정보 수정 컴포넌트를 구현

[x] 퍼블리싱
[x] API 연결

스크린샷

대시보드정보수정컴포넌트

코멘트 및 논의 사항

API 관련 : 제가 구현한 대시보드 수정 컴포넌트는 수정 버튼 클릭 시 refetch 함수로 새로고침하는데 sidebar에 정보는 refetch가 안이루어지네요?! 사이드바랑 연동되면 좋을 것 같은데 어떻게 하면 될까요?!

반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다. 혹시 다른 아이디어 있으면 얘기해주세용!!

그리고 저희가 설정한 tailwind-config color들 위와 같은 warning 나오네요?!

un0211 commented 2 months ago

그리고 저희가 설정한 tailwind-config color들 위와 같은 warning 나오네요?!

저는 text-black-33 만 그게 뜨는 거 같아요!!

반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다.

모바일도 있어서 컬러 아래로 내리거나 시안처럼 하나로 줄이긴 해야할 것 같아요!

wjsdncl commented 2 months ago

API 관련 : 제가 구현한 대시보드 수정 컴포넌트는 수정 버튼 클릭 시 refetch 함수로 새로고침하는데 sidebar에 정보는 refetch가 안이루어지네요?! 사이드바랑 연동되면 좋을 것 같은데 어떻게 하면 될까요?!

저는 아래처럼 queryKey찾아서 refetch 시켰습니다 🫡

useFetchData<DashboardsResponse>(['dashboards', currentChunk], () =>
    getDashboardsList('pagination', currentChunk, 5),
  );
queryClient.invalidateQueries({ queryKey: ['dashboards'] });
queryClient.invalidateQueries({ queryKey: ['sideDashboards'] });