-
Notifications
You must be signed in to change notification settings - Fork 0
/
page.tsx
70 lines (60 loc) · 1.71 KB
/
page.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
'use client';
import React, { useState } from 'react';
// import axiosInstance from '@/app/api/axiosInstance';
import { useRouter } from 'next/navigation';
import { Progress } from '@nextui-org/react';
import UserSkill from './components/UserSkill';
import UserPosition from './components/UserPosition';
interface UserInfo {
skill: string | null;
position: string | null;
}
const SignUpProcess = () => {
const router = useRouter();
const [currentStep, setCurrentStep] = useState<'skill' | 'position'>('skill');
const [userInfo, setUserInfo] = useState<UserInfo>({
skill: null,
position: null,
});
const updateUserInfo = (data: Partial<UserInfo>) => {
const updatedUserInfo = { ...userInfo, ...data };
setUserInfo(updatedUserInfo);
};
const goToNextStep = async () => {
if (currentStep === 'skill') {
setCurrentStep('position');
} else {
try {
// await axiosInstance.patch('/api/user/update/info', userInfo);
router.push('/');
} catch (error) {
console.error('정보 전송 실패:', error);
}
}
};
const handleSkillSelect = (skill: string) => {
updateUserInfo({ skill });
goToNextStep();
};
const handlePositionSelect = (position: string) => {
updateUserInfo({ position });
goToNextStep();
};
return (
<div>
<Progress
isStriped
color="primary"
aria-label="Loading..."
value={currentStep === 'skill' ? 0 : 50}
/>
{currentStep === 'skill' && (
<UserSkill onSkillSelect={handleSkillSelect} />
)}
{currentStep === 'position' && (
<UserPosition onPositionSelect={handlePositionSelect} />
)}
</div>
);
};
export default SignUpProcess;