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

Feat: 마이페이지 #57

Merged
merged 16 commits into from
Aug 21, 2024
Merged

Feat: 마이페이지 #57

merged 16 commits into from
Aug 21, 2024

Conversation

koeunbeee
Copy link
Contributor

@koeunbeee koeunbeee commented Aug 20, 2024

요약 (Summary)

마이페이지, 추가정보 모달, 네이버 로그인, 전체 페이지 padding 통일

변경 사항 (Changes)

  1. 마이페이지
  • 마이페이지 전체 페이지와 view컴포넌트, edit컴포넌트 추가
  • user.ts 에 수정 api 추가
  • router index 에 마이페이지 추가
  1. 추가 정보 모달 추가
  • user.ts 에 수정 api 추가하였으나 수정 예정 (이메일과 패스워드 notNull로 인한 이슈)
  • 모달 구현 및 PrivateRoute.tsx에 대학교, 학년, 학과정보가 없을 경우 모달을 띄우고 다음에 할래요를 누르면 24시간후에 다시 띄움
  1. MainNav
  • userName 첫글자 이미지로 띄움
  • 휴지통 삭제 및 마이페이지 추가, 사람 모양 svg 추가
  1. 네이버 소셜로그인 (소셜로그인이 다 안돼서 추후 테스트 에정)
  • 네이버 로고 추가 및 소셜로그인 추가
  1. 그 외
  • userUserInfoStore -> useUserInfoStore 오타 수정
  • zustand creat named export로 수정

리뷰 요구사항

확인 방법 (선택)

추가정보 모달
마이페이지

Copy link

github-actions bot commented Aug 20, 2024

Visit the preview URL for this PR (updated for commit 9b62af7):

https://hearus-668d7--pr57-feat-my-page-9inrejrg.web.app

(expires Wed, 28 Aug 2024 11:06:04 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: bf5e680be215afe513793a0ffcca015694c306c5

@Nangniya Nangniya changed the title Feat/my page Feat: 마이페이지 Aug 21, 2024
Copy link
Contributor

@Nangniya Nangniya left a comment

Choose a reason for hiding this comment

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

오타도 몰랐는데 수정해주셔서 감사합니다..
수고하셨어요!! 👍

Comment on lines 1 to 6
import { useState } from 'react';
import styles from './SupplementaryInfoModal.module.scss';
import Next from '../../../../assets/images/arrow/next-arrow.svg?react';
import Back from '../../../../assets/images/arrow/back-arrow.svg?react';
import { useQueryClient, useMutation } from '@tanstack/react-query';
import { SupplementaryUpdateInfo } from '../../../../apis/user';
Copy link
Contributor

Choose a reason for hiding this comment

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

import문 순서를

  1. react
  2. react-router-dom
  3. @tanstack/react-query, zustand 등 라이브러리
  4. 컴포넌트
  5. assets, constants
  6. api, util 등 기타 함수
  7. style

이런 순서로 불러오려고 하고있거든요 별건 아니지만 정리되면 좋습니당

Copy link
Contributor Author

Choose a reason for hiding this comment

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

앗 맞아요!!! 이것도 물어보려고 했는데 감사합니당 ㅎㅎㅎ

Comment on lines 127 to 131
{currentPage === 'view' ? (
<View info={info} onEditClick={handleEditClick} />
) : (
<Edit info={info} setInfo={setInfo} onSaveClick={handleSaveClick} />
)}
Copy link
Contributor

Choose a reason for hiding this comment

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

페이지 url이 바뀌는게 아니기때문에 이름을 currentMode로 하는게 더 좋을것같아요!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

오...!! 맞네요 넵 바꿔서 다시 올리고 머지하겠습니다!

@koeunbeee koeunbeee merged commit 245c02d into develop Aug 21, 2024
2 checks passed
@koeunbeee koeunbeee deleted the feat/my-page branch August 21, 2024 11:13
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.

2 participants