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.

Sign up for GitHub

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

Jump to bottom

Feat: 관리자 - 채팅방 관리 페이지(이전 작업 페이지 수정 사항 포함) #43

Merged
merged 25 commits into from
Dec 6, 2024
Merged

Feat: 관리자 - 채팅방 관리 페이지(이전 작업 페이지 수정 사항 포함) #43

merged 25 commits into from
Dec 6, 2024

Conversation

sunglitter
Copy link
Collaborator

🧃 Pull Request

🍉 코멘트

관리자 - 채팅방 관리 페이지

  • 라우터 경로 임시 설정(추후 수정 예정)
  • 채팅방 목록 컴포넌트 추가
  • 채팅 모달 내 관리자 전용 채팅방 삭제 버튼 컴포넌트 추가
  • 채팅방 관리 페이지 관련 로직 및 메시지 전송 로직 수정
  • 실제 API 사용에 따른 Mock Data 제거
  • 채팅 모달 내 채팅방 접속에 따른 URL에서 채팅방 ID 추출 및 삭제 로직 추가
  • 웹소켓 기능 추가

이전 작업 페이지

  • 공통

    • 실제 API 사용 관련 수정
    • 카테고리 컴포넌트 스타일 및 관련 페이지 구조 수정
    • 라우터 경로 수정
    • 포스트 카테고리 정의 관련 ID 변경
    • 브라우저 최상단 이동 버튼 라우터 내 추가 및 기존 사용 페이지에서 제거

  • 커뮤니티 공구 모집 및 진행 포스트 목록 조회 페이지

    • 라우터 경로 변경에 따른 Header 내 Link 수정

  • 커뮤니티 공구 모집 및 진행 포스트 상세 조회 페이지

    • 모집 완료 상태 제거 및 참여 이후 삭제 상태 추가

  • 커뮤니티 공구 모집 및 진행 포스트 결제 페이지, 결제 완료 페이지

    • 가상 계좌 발급용 모달 추가
    • 가상 계좌 입금 페이지 생성

🪿 연관된 이슈

✅ PR 포인트 & 궁금한 점

  • 커밋을 하다보니까 이슈 번호가 잘못된 부분이 좀 있네요. dca1a76 부터 605e556 까지 #27이 아니고 #28입니다.
  • API 명세 관련해서 수정할 부분도 많고 로직 수정해야 할 부분이 많아서 오래 걸렸네요..
  • 백엔드 서버 연동을 기반으로 다시 수정할 부분도 많을 것으로 예상됩니다. 다들 파이팅입니다 ㅠㅠ

@sunglitter
Fix: 거절 상태 포스트 승인 시 제목 수정 및 글 수정 버튼 삭제 (#27)
32c0316 
- 거절 상태였던 포스트를 다시 승인하는 경우 제목 앞의 '(수정요망)'을 제거하는 로직 추가
- 포스트 상세 조회 페이지에서 글 수정 버튼 삭제
- 승인 및 상태 변경 프로세스 개선으로 사용자 경험 향상
@sunglitter
Merge branch 'main' into feature/admin
42a7656
@sunglitter
Feat: 관리자 채팅방 관리 페이지 라우터 임시 경로 추가 (#27)
dca1a76 
- 관리자 채팅방 관리 페이지 접근을 위한 임시 라우터 경로 추가
- 테스트 및 개발 환경에서 채팅방 관리 기능 검증 지원
@sunglitter
Feat: 관리자 채팅방 관리 페이지 생성 (#27)
a0936ea 
- 채팅방 목록과 상태를 관리할 수 있는 관리자 페이지 UI 구현
- 페이지네이션 기능 추가(기존 컴포넌트 활용)
- 채팅방 삭제 및 상태 변경 로직 구현
@sunglitter
Feat: 채팅방 목록 조회 기능 추가 (#27)
7dcb6f8 
- 채팅방 목록을 조회하는 API 호출 로직 구현
- 채팅방 이름, 상태, 참여자 정보 등 기본 데이터 출력
@sunglitter
Chore: 채팅방 Mock Data 다수 추가 (#27)
5182679 
- 다양한 테스트 시나리오를 위한 채팅방 Mock Data 추가
- 채팅방 이름, 상태, 참여자 정보 등 샘플 데이터 확장
- 개발 및 테스트 환경에서 데이터 활용도 증가
@sunglitter
Feat: 채팅 모달에 관리자 전용 채팅방 삭제 버튼 및 로직 추가 (#27)
378c8c1 
- 관리자 채팅방 관리 페이지에서 열 경우에만 삭제 버튼 표시
- 삭제 버튼 클릭 시 채팅방 삭제 API 호출 로직 구현
- 채팅방 삭제 후 상태 업데이트 처리
@sunglitter
Feat: 관리자 채팅방 관리 페이지 및 메시지 전송 로직 개선 (#27)
9ee0fa9 
- 관리자 채팅방 관리 페이지에서 열리는 경우를 구분하는 필드 추가
- webSocketService 필드 추가로 WebSocket 상태 관리 개선
- 관리자 메시지 전송 기능 구현
  - 타임스탬프 미표시
  - 입장 메시지 및 그룹 채팅 안내 메시지와 동일한 스타일 적용
- 관리자 메시지 관련 UI 스타일 추가
@sunglitter
Refactor: ScrollToTopButton을 라우터에 통합하여 모든 페이지에서 적용되도록 수정 (#27)
e52cc29 
- 각 페이지에 존재하던 ScrollToTopButton 제거
- 라우터 레벨에서 ScrollToTopButton을 추가하여 공통적으로 작동하도록 구현
- 코드 중복 제거 및 스크롤 동작 일관성 개선
@sunglitter
Merge branch 'main' into feature/admin
1ded966
@sunglitter
Merge branch 'main' into feature/admin
f3798ee
@sunglitter
Feat: 프론트 로컬 환경에서 백엔드 서버 연동 작업 (#27)
605e556 
- 백엔드 API 엔드포인트와 프론트엔드 환경 연동 설정
@sunglitter
Chore: 실제 API 사용에 따른 Mock Data 제거 (#28)
ae37a7d 
- 실제 백엔드 API 연동을 위해 Mock Data 제거
- 불필요한 데이터 파일과 관련 코드 삭제
@sunglitter
Feat: 채팅방 모달 내 URL에서 채팅방 ID 추출 및 삭제 로직 추가 (#28)
787ef7e 
- URL 파싱을 통해 채팅방 ID를 추출하는 기능 구현
- 채팅방 삭제 버튼 클릭 시 API 호출로 삭제 처리
- 삭제 완료 후 모달 닫기 및 상태 업데이트 로직 추가
@sunglitter
Feat: 가상 계좌 발급용 모달 추가 (#26)
9dcb244 
- 가상 계좌 발급 요청을 처리하기 위한 모달 UI 구현
@sunglitter
Feat: 가상 계좌 입금 페이지 생성 (#26)
be9ccfe 
- 사용자가 가상 계좌로 입금할 수 있는 페이지 UI 구현
- 계좌 정보와 입금 안내 메시지 출력
- 입금 상태 확인 및 업데이트 로직 추가
@sunglitter
Feat: 가상 계좌 입금 페이지 라우터 경로 추가 및 기존 경로 수정 (#17) (#20) (#26) (#27) (#28)
939e19e 
- 가상 계좌 입금 페이지로 이동할 수 있는 라우터 경로 추가
- 기존 라우터 경로 구조 재정비 및 경로 명칭 수정
- 라우터 경로 변경 사항에 따른 네비게이션 로직 업데이트
@sunglitter
Refactor: 라우터 경로 변경에 따른 Link 수정 (#2)
b68c227 
- 변경된 라우터 경로에 맞춰 Link 컴포넌트 경로 수정
- 네비게이션 동작 확인 및 관련 로직 업데이트
- 경로 변경으로 인한 잘못된 링크 참조 오류 방지
@sunglitter
Feat: 채팅 관련 API 반영 로직 수정 및 웹소켓 기능 추가 (#26) (#28)
4429f0d 
- 최신 채팅 관련 API 사양에 맞춘 로직 수정
- 실시간 메시지 송수신을 위한 웹소켓 기능 추가
- 웹소켓 이벤트 핸들러 로직 개선 및 안정성 강화
- 채팅 연결 및 메시지 상태 동기화 로직 업데이트
@sunglitter
Feat: 포스트 관련 API 상태 수정 및 실제 API 전환 (#17)
a5d2b29 
- 모집 완료 상태를 제거하고 참여 이후 삭제 상태 추가
- API 호출 로직을 실제 백엔드 API 사용으로 전환
- 데이터 동기화 및 상태 관리 로직 업데이트
@sunglitter
Refactor: 포스트 카테고리 정의 관련 ID 변경 (#6) (#17)
8efbf16 
- 기존 카테고리 ID 값 수정으로 데이터 구조 정비
- 변경된 ID에 따른 참조 및 사용 로직 업데이트
- 카테고리 정의의 일관성 유지 및 관리 편의성 향상
@sunglitter
Refactor: 카테고리 컴포넌트 스타일 및 연관 페이지 구조 수정 (#2) (#27)
5758bba 
- 카테고리 컴포넌트의 UI 스타일 개선
- 연관 페이지의 컴포넌트 구조 수정으로 코드 재사용성 강화
- 스타일 및 구조 변경으로 유지보수성과 가독성 향상
@sunglitter
Feat: 실제 API 사용 관련 페이지 수정 (#2) (#6) (#17) (#20) (#26) (#27)
3032609 
- 기존 Mock Data 호출 로직을 실제 API 호출로 전환
- API 데이터 형식에 맞춰 페이지 컴포넌트 수정
- 데이터 연동 및 상태 동기화 로직 추가
- 페이지 로드 시 실제 데이터를 기반으로 렌더링 구현
@sunglitter
Merge branch 'main' into feature/admin
c32f792
@sunglitter sunglitter added feat feat fix fix refactor refactor chore chore labels Dec 5, 2024
@sunglitter sunglitter self-assigned this Dec 5, 2024
cho1ys
cho1ys approved these changes Dec 6, 2024
View reviewed changes
Copy link
Collaborator

@cho1ys cho1ys left a comment

Choose a reason for hiding this comment

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

고생 많으셨습니다 !
axiosInstance에서 baseUrl을 .env의 VITE_API_URL 을 참조하게끔 원래의 코드로 바꾸는게 더 좋아보입니다 !

OpenS3same
OpenS3same approved these changes Dec 6, 2024
View reviewed changes
Copy link
Collaborator

@OpenS3same OpenS3same left a comment

Choose a reason for hiding this comment

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

고생많으셨습니다! 화이팅입니다 🔥

@sunglitter sunglitter merged commit dd6799e into main Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@cho1ys cho1ys cho1ys approved these changes

@OpenS3same OpenS3same OpenS3same approved these changes

Assignees

@sunglitter sunglitter

Labels
chore chore feat feat fix fix refactor refactor
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@sunglitter @cho1ys @OpenS3same