Commit c4fea74c authored by baesangjune's avatar baesangjune
Browse files

.

parent ff88444d
...@@ -8,7 +8,6 @@ import { useEffect } from "react"; ...@@ -8,7 +8,6 @@ import { useEffect } from "react";
import Card from "react-bootstrap/esm/Card"; import Card from "react-bootstrap/esm/Card";
import { Link, Redirect } from 'react-router-dom'; import { Link, Redirect } from 'react-router-dom';
function Warning() { function Warning() {
const [data, setData] = useState({ name: "", }) const [data, setData] = useState({ name: "", })
const [courses, setCourses] = useState([{ name: "", description: "", code: "", }]) const [courses, setCourses] = useState([{ name: "", description: "", code: "", }])
...@@ -48,7 +47,6 @@ function Warning() { ...@@ -48,7 +47,6 @@ function Warning() {
}; };
return ( return (
<div> <div>
{console.log("quiz=",quiz)}
<Container className="col-sm-6 col-md-5 col-lg-4 p-5"> <Container className="col-sm-6 col-md-5 col-lg-4 p-5">
<Form.Text className="text-muted"> <Form.Text className="text-muted">
<h1 className="text-center mt-1 pb-3 font-italic text-danger">Korea University</h1> <h1 className="text-center mt-1 pb-3 font-italic text-danger">Korea University</h1>
......
// import React, { useState, useEffect } from 'react' // import React, { useState, useEffect } from 'react'
// import { Link, Redirect } from 'react-router-dom'; // import { Link, Redirect } from 'react-router-dom';
// import Timer from 'react-compound-timer'; // 타이머쓰기위해 import // import Timer from 'react-compound-timer'; // 타이머쓰기위해 import
// import quiz from './Quiz'
// function Problems() { // function Problems() {
// let Time = 0 // const [data, setData] = useState({ name: "", })
// if (JSON.parse(localStorage.getItem("Set")) === null) { // const [courses, setCourses] = useState([{ name: "", description: "", code: "", }])
// Time = 30010 // const [values, setValues] = useState({
// } // title: "",
// else { // problems: [],
// Time = Number(JSON.parse(localStorage.getItem("Set"))[0].Time) // show: false,
// } // startAt: "",
// endAt: "",
// course: "",
// });
// const { authUser } = useAuth()
// useEffect(() => {
// const abortController = new AbortController()
// const signal = abortController.signal
// readUser(authUser.user._id, { t: authUser.token }).then(res => {
// setData(res);
// })
// list(signal).then(res => {
// setCourses(res)
// })
// }, []);
// let Time = 30010
// const [question, setQuestion] = useState({ // const [question, setQuestion] = useState({
// ...localQnA[0]
// }) // })
// const [selected, setSelected] = useState("") //선택한 답을 보여줄 것 // const [selected, setSelected] = useState("") //선택한 답을 보여줄 것
...@@ -112,91 +132,87 @@ ...@@ -112,91 +132,87 @@
// </> // </>
// ) // )
// // return (
// // <div> </div>
// // )
// } // }
// export default Problems // export default Problems
import React, { useEffect, useState } from "react"; // // import React, { useEffect, useState } from "react";
import { Link, useParams } from 'react-router-dom'; // // import { Link, useParams } from 'react-router-dom';
import Card from "react-bootstrap/Card"; // // import Card from "react-bootstrap/Card";
import Button from "react-bootstrap/Button"; // // import Button from "react-bootstrap/Button";
import { listByUserId } from "./api-quiz"; // // import { listByUserId } from "./api-quiz";
import authHelpers from "../auth/auth-helpers"; // // import authHelpers from "../auth/auth-helpers";
function Problem({ problem, number, onUpdate, onRemove }) { // // function Problems() {
const { userId } = useParams(); // // const { userId } = useParams();
const [quizzes, setQuizzes] = useState([]); // // const [quizzes, setQuizzes] = useState([]);
const jwt = authHelpers.isAuthenticated(); // // const jwt = authHelpers.isAuthenticated();
useEffect(() => { // // useEffect(() => {
const abortController = new AbortController(); // // const abortController = new AbortController();
const signal = abortController.signal; // // const signal = abortController.signal;
listByUserId({ userId: userId }, { t: jwt.token }, signal).then((data) => { // // listByUserId({ userId: userId }, { t: jwt.token }, signal).then((data) => {
if (data.error) { // // if (data.error) {
console.log(data.error); // // console.log(data.error);
} else { // // } else {
// console.log(data); // // // console.log(data);
setQuizzes(data); // // setQuizzes(data);
} // // }
}); // // });
return () => { // // return () => {
abortController.abort(); // // abortController.abort();
}; // // };
}, [userId]); // // }, [userId]);
return ( // // return (
<div>{console.log(quizzes)})</div> // // <div>{console.log(quizzes)})</div>
// <div> // // // <div>
// {quizzes.map((quiz, i) => { // // // {quizzes.map((quiz, i) => {
// return ( // // // return (
// <Link key={i} to={`/quiz/${quiz._id}`}> // // // <Link key={i} to={`/quiz/${quiz._id}`}>
// // <Card> // // // // <Card>
// <Card.Body> // // // <Card.Body>
// <Card.Title> // // // <Card.Title>
// {i + 1}번. {quiz} // // // {i + 1}번. {quiz}
// </Card.Title> // // // </Card.Title>
// Answers // // // Answers
// {problem.answers.map((answer, index) => { // // // {problem.answers.map((answer, index) => {
// return <Card.Text key={index}>{answer}</Card.Text>; // // // return <Card.Text key={index}>{answer}</Card.Text>;
// })} // // // })}
// <Link to={`/quiz/problem/edit/${problem._id}`}> // // // <Link to={`/quiz/problem/edit/${problem._id}`}>
// <Button onClick={(event) => onUpdate(number)}>수정</Button> // // // <Button onClick={(event) => onUpdate(number)}>수정</Button>
// </Link> // // // </Link>
// <Button onClick={() => onRemove(number)}>삭제</Button> // // // <Button onClick={() => onRemove(number)}>삭제</Button>
// </Card.Body> // // // </Card.Body>
// </Card> // // // </Card>
// </Link> // // // </Link>
// ); // // // );
// })} // // // })}
// </div> // // // </div>
// <Card> // // // <Card>
// <Card.Body> // // // <Card.Body>
// <Card.Title> // // // <Card.Title>
// {number + 1}번. {problem.question} // // // {number + 1}번. {problem.question}
// </Card.Title> // // // </Card.Title>
// Answers // // // Answers
// {problem.answers.map((answer, index) => { // // // {problem.answers.map((answer, index) => {
// return <Card.Text key={index}>{answer}</Card.Text>; // // // return <Card.Text key={index}>{answer}</Card.Text>;
// })} // // // })}
// <Link to={`/quiz/problem/edit/${problem._id}`}> // // // <Link to={`/quiz/problem/edit/${problem._id}`}>
// <Button onClick={(event) => onUpdate(number)}>수정</Button> // // // <Button onClick={(event) => onUpdate(number)}>수정</Button>
// </Link> // // // </Link>
// <Button onClick={() => onRemove(number)}>삭제</Button> // // // <Button onClick={() => onRemove(number)}>삭제</Button>
// </Card.Body> // // // </Card.Body>
// </Card> // // // </Card>
); // // );
} // // }
export default Problem; // // export default Problems;
...@@ -16,9 +16,9 @@ function Quizzes() { ...@@ -16,9 +16,9 @@ function Quizzes() {
listByUserId({ userId: userId }, { t: jwt.token }, signal).then((data) => { listByUserId({ userId: userId }, { t: jwt.token }, signal).then((data) => {
if (data.error) { if (data.error) {
console.log(data.error); console.log('dataerror=',data.error);
} else { } else {
// console.log(data); console.log('data=',data);
setQuizzes(data); setQuizzes(data);
} }
}); });
...@@ -31,7 +31,6 @@ function Quizzes() { ...@@ -31,7 +31,6 @@ function Quizzes() {
return ( return (
<div> <div>
All Quizzes Here All Quizzes Here
{console.log("quizzes=", quizzes)}
{quizzes.map((quiz, i) => { {quizzes.map((quiz, i) => {
return ( return (
<Link key={i} to={`/quiz/${quiz._id}`}> <Link key={i} to={`/quiz/${quiz._id}`}>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment