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

[CLIENT & Server] Week3 merge dev #134

Merged
merged 121 commits into from
Nov 25, 2022
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
121 commits
Select commit Hold shift + click to select a range
3a91674
refactor: features -> layouts 업데이트
mjsdo Nov 21, 2022
9cbe861
feat: queryKeyCreator 추가
mjsdo Nov 21, 2022
be31f92
refactor: refactor할 내용들 주석으로 추가
mjsdo Nov 21, 2022
6fb931a
refactor: 회원가입 apis 분리
mjsdo Nov 22, 2022
9edc09c
refactor: useSignUpMutation 훅으로 분리
mjsdo Nov 22, 2022
8e1fb06
refactor: REGEX 상수 추가
mjsdo Nov 22, 2022
c6557b5
refactor: defaultErrorHandler로 분리
mjsdo Nov 22, 2022
82cd167
refactor: response type 정의
mjsdo Nov 22, 2022
6d630d9
chore: path alias 업데이트
mjsdo Nov 22, 2022
8e8e05a
refactor: 로그인 요청 관련 api 함수를 useSignInMutation 커스텀훅으로 분리
mjsdo Nov 22, 2022
67fb7ad
refactor: api 및 타입 분리
mjsdo Nov 22, 2022
fbb84ac
refactor: 디렉토리 구조 변경에 따라 import 경로 변경 #99
leegwae Nov 22, 2022
c63e87b
feat: 타입 파일 정의할 `@@types` alias 추가
leegwae Nov 22, 2022
81f138b
refactor: `Sidebar` 리팩토링
leegwae Nov 22, 2022
a133c53
refactor: `UserProfile` 리팩토링 #99
leegwae Nov 22, 2022
d6b805b
remove: 사용하지 않는 커뮤니티 아바타, 유저 아바타 컴포넌트 삭제 #99
leegwae Nov 22, 2022
37e8822
refactor: 팔로잉 목록 가져오기, 팔로우/언팔로우 API `@apis/`로 분리 #99
leegwae Nov 22, 2022
593b67e
refactor: 쿼리 키 변수에 담아서 파라미터에 전달 #99
leegwae Nov 22, 2022
b70299b
refactor: 팔로잉 목록 가져오는 쿼리 `useFollowinQuery`로 분리 #99
leegwae Nov 22, 2022
8562843
refactor: 팔로우/언팔로우 쿼리 `useFollowingMutation`으로 분리 #99
leegwae Nov 22, 2022
d1a3ef1
chore: 아이콘 `sr-only` 작성
leegwae Nov 22, 2022
36e6abb
chore: 파스칼 케이스 상수 대문자로 변경 #99
leegwae Nov 22, 2022
378716c
refactor: 팔로잉 탭 내부의 컴포넌트들 `@components`로 이동 #99
leegwae Nov 22, 2022
cad4659
rename: `FollowingTab`에서 `Followings`로 이름 변경 #99
leegwae Nov 22, 2022
fc5afa3
refactor: import 문 일관성 있게 수정
leegwae Nov 23, 2022
b626ae1
chore: 일관성 있는 `import`문 작성을 위해 eslint 룰 추가
leegwae Nov 23, 2022
345981c
rename: `Followers`를 `@pages/`에서 `@layouts`으로 옮김 #66
leegwae Nov 23, 2022
07d391c
chore: eslint `no-nested-ternary 규칙 off
leegwae Nov 23, 2022
b9d9ef9
fix: `Followings`에서 `Suspense` 제거 #100
leegwae Nov 23, 2022
c519dfa
feat: /GET `/api/user/followers` mock API 작성 #66
leegwae Nov 23, 2022
0d60393
feat: 팔로워 목록 가져오기 API 작성 #66
leegwae Nov 23, 2022
cb9a119
feat: `useFollowersQuery` 작성 #66
leegwae Nov 23, 2022
aaba8d0
feat: `Followers` 친구 탭 작성 #66
leegwae Nov 23, 2022
6f85ee0
feat: 라우터 구조 변경
mjsdo Nov 22, 2022
9ef75ee
feat: reissue token api 추가
mjsdo Nov 22, 2022
cd2651b
feat: useReissueTokenMutation 커스텀 훅 추가
mjsdo Nov 22, 2022
52c10bc
feat: UnknownError 페이지 추가
mjsdo Nov 22, 2022
635d36f
feat: Root 페이지 추가
mjsdo Nov 22, 2022
a57ac09
feat: UnAuthorized Layer 추가
mjsdo Nov 22, 2022
dffe373
feat: axios utils 파일 추가
mjsdo Nov 22, 2022
2c05035
feat: ReissueToken Mock Api
mjsdo Nov 22, 2022
30f60f5
feat: user 상태 임시로 추가
mjsdo Nov 22, 2022
49d332f
chore: no-empty-function rule 제거
mjsdo Nov 22, 2022
67f15d9
feat: AuthorizedLayer unknown error fallback url 추가
mjsdo Nov 23, 2022
5fd9a24
chore: ReissueToken Mock Api 응답 Status 올바르게 변경
mjsdo Nov 23, 2022
dd0fe0c
chore: 코드블럭에 프리티어 적용
mjsdo Nov 23, 2022
914b45c
refactor: 주석을 컴포넌트에 JSDoc으로 작성, 디렉토리 이동
mjsdo Nov 23, 2022
3ff0dbe
refactor: navigate할 때 alreadyTriedReissueToken state를 설정하여 불필요하게 토큰 갱…
mjsdo Nov 23, 2022
0e0bc56
refactor: AuthorizedLayer 디렉토리 변경
mjsdo Nov 23, 2022
a1d7b7d
refactor: 코멘트 수정
mjsdo Nov 23, 2022
f26fa28
refactor: 컴포넌트 내부에 작성한 코멘트를 JSDoc으로 변경
mjsdo Nov 23, 2022
e7da06f
fix: location.state에 optional chaining 추가
mjsdo Nov 23, 2022
c2e5e29
refactor: injectStyle 이슈 관련 링크 추가 (GitHub Issue Comment, Notion 정리)
mjsdo Nov 23, 2022
6237a25
chore: localhost 인증서를 gitignore에 추가하고, dev-server config에 https 옵션 추가
mjsdo Nov 23, 2022
915ef73
feat: user 타입 auth에서 user.ts로 분리
mjsdo Nov 23, 2022
9831891
feat: user 정보 가져오기 업데이트, 주석 삭제
mjsdo Nov 23, 2022
fed973b
feat: user 정보 가져오기 업데이트
mjsdo Nov 23, 2022
d7c45c6
feat: user 정보 가져오기 업데이트, reissueToken 에러 핸들러 업데이트
mjsdo Nov 23, 2022
e5185a7
feat: user 상태 업데이트 (기존에 테스트용으로 tokenStore에 추가했던 user상태를 삭제)
mjsdo Nov 23, 2022
1cf966c
feat: user.status type 업데이트
mjsdo Nov 23, 2022
2d121ca
feat: user 상태 가져오기 업데이트
mjsdo Nov 23, 2022
15779c3
feat: useMyInfo 업데이트, useMyInfoQuery를 named export와 default export 둘 …
mjsdo Nov 23, 2022
2a004b2
feat: 알 수 없는 에러가 발생했을 때 로깅 추가
mjsdo Nov 23, 2022
41d62db
feat: useMyInfoQuery 더 정확하게 타이핑
mjsdo Nov 23, 2022
f319525
chore: 코드 스타일 수정
mjsdo Nov 23, 2022
70043aa
refactor: getMyInfo 반환 타입 업데이트
mjsdo Nov 23, 2022
70c7e0c
fix: Effect함수 실행 조건 변경
mjsdo Nov 24, 2022
64e8df5
fix: name.at 메서드 제거
mjsdo Nov 24, 2022
b1b5e71
refactor: 로그인시 리다이렉트를 onSuccess 내부에서 하도록 변경
mjsdo Nov 24, 2022
74ac8bd
chore: dev:https 스크립트 config 파일 추가
mjsdo Nov 24, 2022
69a1521
feat: tokenAxios 인터셉터 정의, 주석 추가
mjsdo Nov 24, 2022
8f0b6ea
chore: TODO 주석 제거
mjsdo Nov 24, 2022
e4eacbe
fix: input ref warning 해결
mjsdo Nov 24, 2022
d73932d
feat: /GET `/api/users?query=` mock API 작성 #67
leegwae Nov 24, 2022
cdbe080
feat: 사용자 목록 가져오기 API 작성 #67
leegwae Nov 24, 2022
8779ff8
feat: `useUsersQuery` 작성 #67
leegwae Nov 24, 2022
58c9c16
feat: `UserSearch` 친구 탭 작성 #67
leegwae Nov 24, 2022
ec6fb2d
refactor: `useUsersQuery`에서 사용하지 않는 `refetchOnMount` 파라미터 삭제 #118
leegwae Nov 24, 2022
8ad4ae9
feat: `userSearch` 쿼리 키에 `filter`는 객체로 넘김 #118
leegwae Nov 24, 2022
289ea40
fix: `getUsers` API search param `query`에서 `search`로 이름 변경
leegwae Nov 24, 2022
cbb10ea
refactor: 사용자 검색 탭 `제출된필터`에서 `submittedFilter`로 상태 이름 변경 #118
leegwae Nov 24, 2022
571ac5f
design: `SearchInput` 높이 `40px`로 조정 #118
leegwae Nov 24, 2022
8a15735
feat: `UserSearch` 검색 바에 제출 버튼 추가 #118
leegwae Nov 24, 2022
7970ab2
fix: /GET `/api/user/auth/me` mock API 반환값 수정
leegwae Nov 24, 2022
4ed11bc
feat: wrapper 스타일 추가
mjsdo Nov 24, 2022
c6e5d3c
refactor: @description 삭제
mjsdo Nov 24, 2022
f4f3372
refactor: 루트에 wrapper 적용
mjsdo Nov 24, 2022
80271cb
refactor: @description 주석 삭제
mjsdo Nov 24, 2022
310a6a8
feat: 스크롤 스타일 추가
mjsdo Nov 24, 2022
c79f0d8
refactor: m크mo 적용
mjsdo Nov 24, 2022
59a7088
build: mock up 데이터 작성을 위한 `faker.js` 설치
leegwae Nov 25, 2022
857a979
chore: `users` mock 데이터 `faker.js`로 생성하도록 변경
leegwae Nov 25, 2022
1eae248
feat: GET `/api/user/dms` mock API 작성 #125
leegwae Nov 25, 2022
e2da9a7
feat: DM 목록 가져오기 API 작성 #125
leegwae Nov 25, 2022
384bd15
feat: `directMessageQueryKey` 작성 #125
leegwae Nov 25, 2022
14bc762
feat: `useDirectMessagesQuery` 작성 #125
leegwae Nov 25, 2022
9084726
design: `UserItem` 높이 변경, `hover` 붙이는 곳 변경
leegwae Nov 25, 2022
73ce76c
feat: DM 목록 보여주는 `DMNav` 작성 #125
leegwae Nov 25, 2022
dbad2bf
feat: `development`인 경우 `accessToken`에 더미 문자열 넣어줌
leegwae Nov 25, 2022
d311a4c
feat: 환경변수 자동완성 위해 `NodeJS` 네임스프에시의 `ProcessEnv` 인터페이스 작성
leegwae Nov 25, 2022
5c9d28b
feat: GET `/api/users` mock API에서 대소문자 상관없이 필터링한 데이터 반환하도록 수정
leegwae Nov 25, 2022
07d9b72
refactor: 자식 `li`의 hover css를 부모 `ul`에서 다루도록 수정
leegwae Nov 25, 2022
278845e
design: `UserItem` 패딩 top, bottom 더 크게 조정
leegwae Nov 25, 2022
b45164f
fix: `UserItem`을 `li`로 감싸지 않게 되었으므로 `div`에서 `li`로 변경 #125
leegwae Nov 25, 2022
6b6bd74
refactor: 라우팅 목적으로 사용하는 `button`을 `Link`로 변경 #125
leegwae Nov 25, 2022
35c2b96
fix: Button outlined 아닐 때 border 스타일 수정
mjsdo Nov 24, 2022
a6cd60b
chore: react-modal 패키지 설치
mjsdo Nov 24, 2022
7e91573
chore: 리프레시 토큰 관련 작업
mjsdo Nov 24, 2022
46f244b
design: no-scrollbar css 추가
mjsdo Nov 24, 2022
ee0df87
feat: Avatar 업데이트
mjsdo Nov 24, 2022
b22a851
feat: GnbItemContainer 추가
mjsdo Nov 24, 2022
6db0685
feat: Gnb Item 업데이트
mjsdo Nov 24, 2022
ded7bf2
feat: 로고 이미지 URL 상수에 추가
mjsdo Nov 24, 2022
899953a
chore: react-custom-scrollbars-2 패키지 설치
mjsdo Nov 25, 2022
d44bd4a
feat: Following, Follower, UserSearch에 스크롤바 추가
mjsdo Nov 25, 2022
9da2737
chore: ReissueToken Mock API 함수 에러 발생 조건 수정
mjsdo Nov 25, 2022
c76ec0f
chore: @types/react-modal 패키지 추가
mjsdo Nov 25, 2022
601cef9
chore: no-empty-interface룰 off
mjsdo Nov 25, 2022
bfeda32
feat: ModalSlice 정의
mjsdo Nov 25, 2022
8502e4c
feat: CreateCommunityModal 추가
mjsdo Nov 25, 2022
7331618
fix: import memo 추가
mjsdo Nov 25, 2022
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
refactor: 라우팅 목적으로 사용하는 buttonLink로 변경 #125
  • Loading branch information
leegwae authored and mjsdo committed Nov 25, 2022
commit 6b6bd742d3bd512ac889fd042042a83da37f8032
15 changes: 5 additions & 10 deletions client/src/components/FollowingUserItem/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,34 +6,29 @@ import {
ChatBubbleLeftIcon,
} from '@heroicons/react/20/solid';
import useFollowingMutation from '@hooks/useFollowingMutation';
import React, { memo } from 'react';
import { useNavigate } from 'react-router-dom';
import React from 'react';
import { Link } from 'react-router-dom';

interface Props {
user: User;
}

const FollowingUserItem: React.FC<Props> = ({ user }) => {
const navigate = useNavigate();
const followingMutation = useFollowingMutation(user._id);
const { mutate: updateFollowing } = followingMutation;

const handleChatButtonClick = () => {
navigate(`/dms/${user._id}`);
};

return (
<UserItem
user={user}
right={
<div className="flex gap-4">
<button
<Link
to={`/dms/${user._id}`}
className="p-2 rounded-full border border-line"
onClick={handleChatButtonClick}
>
<span className="sr-only">다이렉트 메시지</span>
<ChatBubbleLeftIcon className="w-6 h-6 fill-indigo" />
</button>
</Link>
<button
className="p-2 rounded-full border border-line"
onClick={() => updateFollowing(user)}
Expand Down
7 changes: 3 additions & 4 deletions client/src/layouts/DmNav/index.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import UserProfile from '@components/UserProfile';
import useDirectMessagesQuery from '@hooks/useDirectMessagesQuery';
import React from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { Link } from 'react-router-dom';

const DmNav = () => {
const naviagte = useNavigate();
const directMessagesQuery = useDirectMessagesQuery();

return (
Expand All @@ -19,9 +18,9 @@ const DmNav = () => {
<ul className="flex flex-col p-6 [&>*:hover]:rounded-md [&>*:hover]:bg-offWhite">
{directMessagesQuery.data.map((directMessage) => (
<li key={directMessage._id}>
<button onClick={() => naviagte(`/dms/${directMessage._id}`)}>
<Link to={`/dms/${directMessage._id}`}>
<UserProfile user={directMessage.user} />
</button>
</Link>
</li>
))}
</ul>
Expand Down