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

6주차 개발 상황 코드리뷰 #68

Merged
merged 69 commits into from
Oct 13, 2024
Merged
Changes from 1 commit
Commits
Show all changes
69 commits
Select commit Hold shift + click to select a range
df51126
Fix: 충돌 오류 해경
Dobbymin Oct 5, 2024
f015354
Fix(hello-call): 충돌 오류 해결
Dobbymin Oct 5, 2024
bddba39
Feat: 시니또 평가 페이지 생성 및 UI 구현
Diwoni Oct 5, 2024
0ead3ad
Merge branch 'Weekly' into Feat/issue-#35
Diwoni Oct 5, 2024
c88c6a7
Style: Notice 추가
Diwoni Oct 5, 2024
3e04fdd
fix: 배포 오류 해결
JYN523 Oct 5, 2024
5b8853b
Feat: 시니또 평가(최고에요,별로에요) 상태 추가 및 UI 추가
Diwoni Oct 6, 2024
e3f4fd3
Feat: 공통 컴포넌트 헤더 구현
Diwoni Oct 6, 2024
6b76dd5
Style: 각 페이지마다 헤더 높이만큼 마진 설정(헤더 컴포넌트를 수정)
Diwoni Oct 6, 2024
7aa22dc
Style: 마진을 위한 설정 삭제(논의 필요)
Diwoni Oct 6, 2024
fd0ebe6
Chore: interface -> type 으로 수정
Diwoni Oct 6, 2024
bfdca1b
Fix(register): 사용자 유형 선택 버튼 동작 및 form 추가
JYN523 Oct 6, 2024
f621c01
Fix: eslint 오류 수정
JYN523 Oct 6, 2024
74bbe63
Fix: eslint 오류 수정
JYN523 Oct 6, 2024
6b91f85
Fix(register): siniddo > sinitto 변경
JYN523 Oct 6, 2024
a6fb2e3
회원가입 페이지 UI 수정 (#44)
Dobbymin Oct 6, 2024
656939d
Style: 헤더 컴포넌트 수정
Diwoni Oct 6, 2024
ea4b583
Merge pull request #43 from kakao-tech-campus-2nd-step3/Feat/issue-#27
Diwoni Oct 6, 2024
7af19e6
Merge pull request #42 from kakao-tech-campus-2nd-step3/Feat/issue-#35
Diwoni Oct 6, 2024
6f447fc
Refactor: pah 상수명 대문자로 변경
Diwoni Oct 7, 2024
bc81df1
Fix: css 문법 오류 수정
Diwoni Oct 7, 2024
063e2c3
Chore: 오타 수정
Diwoni Oct 7, 2024
d0d53d9
Merge pull request #46 from kakao-tech-campus-2nd-step3/Feat/issue-#45
Diwoni Oct 8, 2024
fab5b1c
Merge pull request #47 from kakao-tech-campus-2nd-step3/Weekly
Dobbymin Oct 8, 2024
717723c
Docs: 마이페이지 컴포넌트 shared 로 이동(시니또,보호자 공통) 및 케밥케이스로 폴더명 수정
Diwoni Oct 8, 2024
a24a791
Remove: 폴더구조 유지 파일 제거
Dobbymin Oct 8, 2024
7720cfb
Remove: npm용 package-lock 파일 제거
Dobbymin Oct 8, 2024
ba065d4
Feat: 시니또용 마이페이지 구현 및 보호자 마이페이지와 경로 분리
Diwoni Oct 8, 2024
92396e9
Devlop 브랜치 pull , 필요없는 파일 제거 (#50)
Dobbymin Oct 8, 2024
de19947
Feat: 가이드라인 등록 페이지 구현
Diwoni Oct 8, 2024
64d6a7a
Merge branch 'Weekly' into Feat/issue-#48
Diwoni Oct 8, 2024
e18513f
Style: 포인트 이용내역 요소 최소 높이 조정
Diwoni Oct 8, 2024
60ff257
Fix(call-back): 오타 수정
Dobbymin Oct 8, 2024
92753c6
Fix(hello-call): path 상수화 경로 수정
Dobbymin Oct 8, 2024
798e199
Fix: siniddo -> sinitto로 폴더 명칭 변경
Dobbymin Oct 8, 2024
dae56d3
Fix: siniddo -> sinitto로 전체 명칭 변경
Dobbymin Oct 8, 2024
6c172f9
배포 시 build 오류 수정 (#53)
Dobbymin Oct 8, 2024
79f0705
Feat: 헤더 포함한 레이아웃 컴포넌트 추가 및 UI 수정
Diwoni Oct 8, 2024
4d5b547
Fix: 충돌 해결
Diwoni Oct 8, 2024
4f544db
Merge pull request #51 from kakao-tech-campus-2nd-step3/Feat/issue-#48
Diwoni Oct 8, 2024
3fbe405
Feat: 회원가입 API 호출 함수 생성
Diwoni Oct 9, 2024
0618421
Feat: API 호출 함수 수정 ( 사용자 타입에 따라 API 엔드포인트 결정)
Diwoni Oct 9, 2024
c5a1cd0
Feat: 회원가입 API 호출 후 response 에 대한 예외,에러 처리
Diwoni Oct 9, 2024
da4033d
Feat: 로컬 스토리지관련 util 함수 추가
Diwoni Oct 10, 2024
22625b7
Feat: 회원가입 성공 후 네비게이션 추가
Diwoni Oct 10, 2024
65e77c4
Chore: 리프레시 토큰 로컬스토리지에 저장
Diwoni Oct 10, 2024
f00db5e
Refactor: useRegister hook 분리
Diwoni Oct 10, 2024
f3e5060
Chore: 회원가입 API hook useRegister.ts 파일 이동
Diwoni Oct 11, 2024
1b5ca88
Merge pull request #59 from kakao-tech-campus-2nd-step3/Feat/issue-#57
Diwoni Oct 11, 2024
a08f8eb
Deploy: Weekly 브랜치로 기준 브랜치 변경
Dobbymin Oct 11, 2024
a63456c
Feat(router): redirect-page 추가
Dobbymin Oct 11, 2024
bf51aa8
Feat(router): redirect-page path 추가
Dobbymin Oct 11, 2024
a56ddbe
Remove: 폴더 구조 유지 파일 제거
Dobbymin Oct 11, 2024
7667ade
Fix(main): 파일 이름 변경
Dobbymin Oct 11, 2024
b91c803
Feat: kakao 로그인 api 호출 코드 작성
Dobbymin Oct 11, 2024
9c6a4d8
Feat(login): kakao login 창 호출 기능 구현
Dobbymin Oct 11, 2024
15d5878
Feat(guideline): 가이드라인 api 호출 코드 구현
Dobbymin Oct 11, 2024
2fef212
Feat: URI 경로 상수화
Dobbymin Oct 11, 2024
1ea56ec
Feat(login): 카카오 로그인 redirect page 기능 구현
Dobbymin Oct 11, 2024
e9a5a2a
Feat: api 관련 코드 수정
Dobbymin Oct 11, 2024
b0274a0
Merge branch 'Weekly' into Feat/issue-#60
Dobbymin Oct 11, 2024
aaac8c2
Fix: 서버 주소 상수화 및 상수화 코드 정리
Dobbymin Oct 11, 2024
2623f8f
카카오 로그인 기능 구현 (#61)
Dobbymin Oct 12, 2024
bbeb8e0
Fix: 상수화 경로 오타 수정
Dobbymin Oct 12, 2024
afdcde7
Fix(redirect): 진입점 경로 수정
Dobbymin Oct 12, 2024
ebf2db5
Refactor(redirect): 구조 재 정의
Dobbymin Oct 12, 2024
2fc2930
Refactor(redirect): 구조 재 정의
Dobbymin Oct 12, 2024
f87ffc2
Refactor(register): 구조 재 정의
Dobbymin Oct 12, 2024
e8e01a2
전체적인 구조 변경 (#63)
Dobbymin Oct 12, 2024
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
Feat: 시니또 평가(최고에요,별로에요) 상태 추가 및 UI 추가
  • Loading branch information
Diwoni committed Oct 6, 2024
commit 5b8853b3b30e61440355a22b6517d5312dd87168
39 changes: 36 additions & 3 deletions src/pages/guard/review/index.tsx
Original file line number Diff line number Diff line change
@@ -3,26 +3,31 @@ import { useState } from 'react';
import starIcon from './asset/star-icon.svg';
import { BasicButton } from '@/shared/components/common/button';
import Notice from '@/shared/components/features/notice';
import { Text, Flex, Box, Textarea, Image } from '@chakra-ui/react';
import { Text, Flex, Box, Textarea, Image, Button } from '@chakra-ui/react';
import styled from '@emotion/styled';

const SiniddoReviewPage = () => {
const [ratings, setRatings] = useState<number[]>([0, 0, 0]); // 각 질문에 대한 별점
const [isGood, setIsGood] = useState<boolean | null>(null);

const handleStarClick = (questionIndex: number, starIndex: number) => {
const newRatings = [...ratings];
newRatings[questionIndex] = starIndex + 1; // 별점 설정
setRatings(newRatings);
};

const handleEvalButtonClick = (value: boolean) => {
setIsGood(value);
};

return (
<Flex w='100%' flexDir='column' alignItems='center'>
<Box display='flex' flexDir='column' w='100%' maxW='16rem' mt={4}>
<Notice
title='시니또에게 평가를 남겨주세요!'
contents='서비스에 만족하셨다면 시니또에게 긍적적인 평가를 남겨주세요!'
noticeType='리뷰하기'
></Notice>
/>
</Box>
<Box display='flex' flexDir='column' w='100%' maxW='16rem' mb={4} mt={4}>
<TitleText>시니또 정보</TitleText>
@@ -53,7 +58,21 @@ const SiniddoReviewPage = () => {
</Box>
</Box>
))}
<Box></Box>
<TitleText>봉사자가 마음에 드나요?</TitleText>
<Box display='flex' justifyContent='space-between' gap={1} mt={1}>
<EvalButton
isGood={isGood === true}
onClick={() => handleEvalButtonClick(true)}
>
최고에요
</EvalButton>
<EvalButton
isGood={isGood === false}
onClick={() => handleEvalButtonClick(false)}
>
별로에요
</EvalButton>
</Box>
</ReviewBox>
</Box>
<Box display='flex' flexDir='column' w='100%' maxW='16rem' mt={4} mb={4}>
@@ -103,3 +122,17 @@ const Star = styled(Image)`
margin-right: 4px;
transition: opacity 0.2s;
`;

const EvalButton = styled(Button)<{ isGood: boolean }>`
background-color: ${({ isGood }) =>
isGood ? 'var(--color-primary)' : '#cfcfcf'};
color: ${({ isGood }) => (isGood ? 'var(--color-white)' : 'black')};
width: 50px;
height: 35px;
font-size: 16px;

&:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
`;