devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made it so the levels are update also when the user starts a diagnostics exam

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-05-27 17:13:55 +01:00
parent 61758af803
commit fe72b770e9
1 changed files with 4 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Diagnostic.tsx
View File

@@ -45,19 +45,10 @@ export default function Diagnostic({onFinish}: Props) {
}); });
}; };
const updateUser = () => { const updateUser = (callback: () => void) => {
axios axios
.post("/api/users/update", {focus, levels, isFirstLogin: false}) .post("/api/users/update", {focus, levels, isFirstLogin: false})
.then(onFinish) .then(callback)
.catch(() => {
toast.error("Something went wrong, please try again later!", {toastId: "user-update-error"});
});
};
const onPerformDiagnosis = async () => {
axios
.post("/api/users/update", {focus, isFirstLogin: false})
.then(selectExam)
.catch(() => { .catch(() => {
toast.error("Something went wrong, please try again later!", {toastId: "user-update-error"}); toast.error("Something went wrong, please try again later!", {toastId: "user-update-error"});
}); });
@@ -103,7 +94,7 @@ export default function Diagnostic({onFinish}: Props) {
))} ))}
</div> </div>
<button <button
onClick={updateUser} onClick={() => updateUser(onFinish)}
className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)} className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}
disabled={!Object.keys(levels).every((module) => BAND_SCORES[module as Module].includes(levels[module as keyof typeof levels]))}> disabled={!Object.keys(levels).every((module) => BAND_SCORES[module as Module].includes(levels[module as keyof typeof levels]))}>
Next Next
@@ -119,7 +110,7 @@ export default function Diagnostic({onFinish}: Props) {
<button onClick={() => setIsInsert(true)} className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}> <button onClick={() => setIsInsert(true)} className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}>
Insert my IELTS level Insert my IELTS level
</button> </button>
<button onClick={onPerformDiagnosis} className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}> <button onClick={() => updateUser(selectExam)} className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}>
Perform a Diagnosis Test Perform a Diagnosis Test
</button> </button>
</div> </div>