Commit c4fea74c authored by baesangjune's avatar baesangjune
Browse files

.

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