From 0af3e43b4d8abbd1312e59cab456dbbe032d5d0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EA=B0=80=EC=98=81?= <gyty7@naver.com>
Date: Fri, 9 Oct 2020 15:38:20 +0900
Subject: [PATCH] =?UTF-8?q?checkPage=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/client/src/Pages/CheckPage.js | 51 ++++++++++++++++++++++++----
 server/client/src/index.js           |  1 +
 2 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/server/client/src/Pages/CheckPage.js b/server/client/src/Pages/CheckPage.js
index 5c95ba4..bd5e8e8 100644
--- a/server/client/src/Pages/CheckPage.js
+++ b/server/client/src/Pages/CheckPage.js
@@ -1,9 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import Menu from '../Components/Menu';
-import List from '../Components/List';
 import axios from 'axios';
+import 'bootstrap/dist/css/bootstrap.css';
 
 function Check(props) {
+    
     function getReserve() {
         axios.get(`/reserves/${props.match.params.id}`, {
             headers: { authorization: localStorage.getItem('token') },
@@ -19,21 +20,59 @@ function Check(props) {
                 alert(err.error)
             });
     }
+    function remove(index) {
+        axios.delete(`/reserves/${reserve[index]._id}`)
+            .then(res => {
+                if (res.status === 404) return alert(res.data.error)
+                alert("삭제되었습니다!")
+                getReserve();
+            })
+            .catch(err => {
+                alert(err.error)
+            });
+    };
 
     const [reserve, setReserve] = useState([]);
     useEffect(() => {
         getReserve();
     }, [])
+
     return (
         <div>
             <Menu />
-            <div className="container">check
-            {reserve.map((reserve, index) =>
-                <List id={props.match.params.id} index={index} date={reserve.date} name={reserve.name} room={reserve.room} time={reserve.time} num={reserve.num} _id={reserve._id}/>
-            )}
+            <div className="">check
+                <table className="table">
+                    <thead>
+                        <tr>
+                            <th>아이디</th>
+                            <th>이름</th>
+                            <th>날짜</th>
+                            <th>강의실</th>
+                            <th>예약취소</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {reserve.map((reserve, index) => {
+                            return (
+                                <tr key={index}>
+                                    <td>{props.match.params.id}</td>
+                                    <td>{reserve.name}</td>
+                                    <td>{reserve.date}</td>
+                                    <td>{reserve.room}</td>
+                                    <td>
+                                        <button onClick={() => remove(index)} className="btn btn-danger">
+                                            취소
+                                        </button>
+                                    </td>
+                                </tr>
+                            )
+                        })}
+                    </tbody>
+                </table>
+
             </div>
         </div>
     )
 }
 
-export default Check
\ No newline at end of file
+export default Check
diff --git a/server/client/src/index.js b/server/client/src/index.js
index 25bf475..688b3cc 100644
--- a/server/client/src/index.js
+++ b/server/client/src/index.js
@@ -34,6 +34,7 @@ ReactDOM.render(
       <Redirect path="/" to="/" />
       <Redirect path="/home" to="/" />
       <Redirect path="/change/:id" to="/change"/>
+      <Redirect path="/check/:id" to="/check"/>
     </Switch>
   </Router>,
   document.getElementById('root')
-- 
GitLab