Add external booking link (#82)

Co-authored-by: bluehorn07 <[email protected]>

components/notice/notice.panel.tsx

@@ -13,7 +13,7 @@ const NoticePanel = ({
           <div style={{fontWeight: 700, fontSize: 18, textDecoration: 'none'}}>
             {
               notice.link ? (
-                <a href={notice.link} target={'_blank'} style={{color: 'black'}}>
+                <a href={notice.link} target={'_blank'} rel={'noopener noreferrer'} style={{color: 'black'}}>
                   {notice.title} 🔗
                 </a>
               ) : notice.title

package.json

@@ -8,20 +8,20 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "axios": "^1.6.2",
-    "moment": "^2.29.4",
-    "moment-timezone": "^0.5.43",
+    "axios": "^1.6.7",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.44",
     "next": "12.3.4",
     "react": "^17.0.2",
-    "react-calendar": "^4.7.0",
+    "react-calendar": "^4.8.0",
     "react-datepicker": "^4.25.0",
     "react-dom": "^17.0.2",
     "semantic-ui-css": "^2.5.0",
     "semantic-ui-react": "^2.1.5",
     "styled-components": "^6.1.1"
   },
   "devDependencies": {
-    "@types/node": "18.18",
+    "@types/node": "20.9",
     "@types/react": "17.0.34",
     "@types/react-datepicker": "^4.19.4",
     "@types/styled-components": "^5.1.30",

pages/reservation/place/[region]/[placeName]/create.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { GetServerSideProps } from 'next'
 import { useRouter } from 'next/router'
-import { Button, Divider, Form, Message } from 'semantic-ui-react'
+import { Divider, Form, Message } from 'semantic-ui-react'
 import moment from 'moment'
 
 import { IPlace } from '@/types/reservation.interface'

pages/reservation/place/index.tsx

@@ -1,11 +1,11 @@
-import { Card, Grid, Image } from 'semantic-ui-react'
+import { Card, Grid, Icon, Image } from 'semantic-ui-react'
 import Layout from '@/components/layout'
 
 const PlaceIndexPage = () => {
   return (
     <Layout>
       <h2>장소 예약</h2>
-      <Grid stackable centered columns={3}>
+      <Grid stackable centered columns={3} style={{maxWidth: 900}}>
         <Grid.Column>
           <Card href={'/reservation/place/student-hall'} centered>
             <Image src={'/reservation/student_hall.jpg'} alt={'student_hall'}/>
@@ -51,6 +51,43 @@ const PlaceIndexPage = () => {
             </Card.Content>
           </Card>
         </Grid.Column>
+        <Grid.Column>
+
+        </Grid.Column>
+      </Grid>
+
+      <h2>기타 예약</h2>
+      <Grid stackable columns={3} style={{maxWidth: 900}}>
+        <Grid.Column>
+          <Card
+            href={'https://zzim.postech.ac.kr'}
+            target={'_blank'} rel={'noopener noreferrer'}
+            centered
+          >
+            <Card.Content style={{'display': 'flex', 'align-items':'center'}}>
+              <Icon style={{'margin-right': '10px'}} color='black' name='book'/>
+              <div>
+                <Card.Header style={{'color':'black', 'font-weight':'bold'}}>박태준 학술정보관</Card.Header>
+                <Card.Meta>Tae-joon Park Digital Library</Card.Meta>
+              </div>
+            </Card.Content>
+          </Card>
+        </Grid.Column>
+        <Grid.Column>
+          <Card
+            href={'https://povis.postech.ac.kr/'}
+            target={'_blank'} rel={'noopener noreferrer'}
+            centered
+          >
+            <Card.Content style={{'display': 'flex', 'align-items':'center'}}>
+              <Icon style={{'margin-right': '10px'}} color='black' name='building'/>
+              <div>
+                <Card.Header style={{'color':'black', 'font-weight':'bold'}}>강의실 및 체육시설</Card.Header>
+                <Card.Meta>POVIS 신고신청 {'>'} 시설이용</Card.Meta>
+              </div>
+            </Card.Content>
+          </Card>
+        </Grid.Column>
       </Grid>
     </Layout>
   )