-
check
+
+
+
+
+ | 날짜 |
+ 시간 |
+ 강의실 |
+ 사용인원 |
+ 승인여부 |
+ 예약취소 |
+
+
+
+ {reserve.map((reserve, index) => {
+ return (
+
+ | {reserve.date} |
+ {reserve.starttime}시~{(Number(reserve.starttime) + reserve.usetime)}시 |
+ {reserve.room} |
+ {reserve.num} |
+ {reserve.approve ? "승인" : "미승인"} |
+
+
+ |
+
+ )
+ })}
+
+
+
)
}
-export default Check
\ No newline at end of file
+export default Check
diff --git a/server/client/src/Pages/FindPage.js b/server/client/src/Pages/FindPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..de4e6c1f6c16a1f2f3298919b449e890bb3f9342
--- /dev/null
+++ b/server/client/src/Pages/FindPage.js
@@ -0,0 +1,103 @@
+import React, { useState } from 'react';
+import { Field, Formik } from 'formik';
+import * as Yup from 'yup';
+import axios from 'axios';
+import 'bootstrap/dist/css/bootstrap.css';
+import { Link, Redirect } from 'react-router-dom';
+
+function Find() {
+ const [state, setState] = useState();
+
+ if (state) {
+ return
;
+ }
+
+ return (
+
+
{
+ axios({
+ method: 'post',
+ url: '/login/find',
+ data: values,
+ }).then(res => {
+ if (res.status === 404) return alert(res.data.error)
+ localStorage.setItem('_id', res.data.users._id)
+ setState(true);
+ })
+ .catch(err => {
+ alert(err.error)
+ });
+
+ console.log(values);
+ setTimeout(() => {
+ setSubmitting(false);
+ }, 400); // finish the cycle in handler
+ }}
+ >
+ {({
+ errors,
+ touched,
+ handleSubmit,
+ getFieldProps, // contain values, handleChange, handleBlur
+ isSubmitting,
+ }) => (
+
+ )}
+
+
+ );
+}
+
+
+export default Find;
diff --git a/server/client/src/Pages/LoginPage.js b/server/client/src/Pages/LoginPage.js
index 83d29d87e5364d9ff37452f65e31c7ab0c07d1de..794e875b43e75ebdb0a516989bf8cb54f38869d2 100644
--- a/server/client/src/Pages/LoginPage.js
+++ b/server/client/src/Pages/LoginPage.js
@@ -1,79 +1,170 @@
-import React, { } from 'react';
+import React, { useState, useEffect } from 'react';
import styled from 'styled-components';
-import { Link } from 'react-router-dom';
+import { Link, Redirect } from 'react-router-dom';
import { Formik } from 'formik';
import * as Yup from 'yup';
+import axios from 'axios';
+import 'bootstrap/dist/css/bootstrap.css';
+import Logo from '../icon.png';
-const Log = styled.div`
+const Asd = styled.div`
background-color: #7B031D;
+
+ &.web {
+ display : flex;
+ align-items: center;
+ }
+
+ &.mobile {
+ height : 20vh;
+ display : flex;
+ padding:0;
+ }
+
+ & .mob-head {
+ display: flex;
+ flex-direction: row;
+ height : 100%;
+ width: 100%;
+ justify-content: space-evenly;
+
+ }
+
+ & .mob-img {
+ max-width: 30vw;
+ }
`
-const Logo = styled.div`
+
+const Asdf = styled.div`
background-color: rgb(239, 218, 200);
+ a {
+ color : #7B031D;
+ }
+
+ &.mob-formik {
+ height : 80vh;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ &.web-formik {
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ & .mobb {
+ height: 35vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ }
+
+ & .webb {
+ flex-direction: column;
+ }
+
+ & .qwer {
+ display: flex;
+ justify-content: space-between;
+ height: 12vh;
+ width: 30vw;
+ margin-bottom: 25px;
+ }
+
+ & .web-input-form {
+ width: 80%;
+ justify-content: space-between;
+ align-content: space-around;
+ flex-direction: column;
+ display: flex;
+ }
+
+ & .mob-input-form {
+
+ }
`
function Login() {
+ const [state, setState] = useState(false);
+ const [mobile, setMobile] = useState(false);
+
+ useEffect(() => {
+ if (window.innerWidth < 960) {
+ setMobile(true)
+ } else {
+ setMobile(false)
+ }
+ }, []);
+
+ if (state) {
+ return
;
+ }
return (
-
-
-
- 고려대학교
- 대관 시스템
-
-
- {
- // axios({
- // method: 'post',
- // url: '/login',
- // data: values,
- // }).then(res => {
- // if (res.status === 404) return alert(res.data.error)
- alert("로그인이 완료되었습니다!")
-
- // localStorage.setItem('token', res.data.token);
- // localStorage.setItem('id', res.data.users._id);
- // setState(true);
- // })
- // .catch(err => {
- // alert(err.error)
- // });
-
- setTimeout(() => {
- setSubmitting(false);
- }, 400); // finish the cycle in handler
- }}
- >
- {({
- errors,
- touched,
- handleSubmit,
- getFieldProps, // contain values, handleChange, handleBlur
- isSubmitting,
- }) => (
-