Update Place Info Card & My Reservation Table (#80)

PoApper · Dec 27, 2023 · 09b8b64 · 09b8b64
1 parent f38ca34
commit 09b8b64
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 2 deletions.
diff --git a/components/auth/MyPlaceReservationTable.tsx b/components/auth/MyPlaceReservationTable.tsx
@@ -7,6 +7,7 @@ import PlaceReservationDetailModal
   from '../reservation/place.reservation.detail.modal'
 import DeleteConfirmModal from '../common/delete.confirm.modal'
 import { PoPoAxios } from '@/lib/axios.instance'
+import Link from 'next/link'
 
 const MyPlaceReservationTable = () => {
   const [reserve_list, setReserveList] = useState<IPlaceReservation[]>([])
@@ -27,7 +28,8 @@ const MyPlaceReservationTable = () => {
       <Table.Header>
         <Table.Row textAlign="center">
           <Table.HeaderCell width={1}>#</Table.HeaderCell>
-          <Table.HeaderCell width={5}>예약 제목</Table.HeaderCell>
+          <Table.HeaderCell width={3}>예약 제목</Table.HeaderCell>
+          <Table.HeaderCell width={3}>예약 설명</Table.HeaderCell>
           <Table.HeaderCell width={4}>예약 장소</Table.HeaderCell>
           <Table.HeaderCell width={3}>예약 기간</Table.HeaderCell>
           <Table.HeaderCell width={1}>상태</Table.HeaderCell>
@@ -51,7 +53,15 @@ const MyPlaceReservationTable = () => {
                   }
                 />
 
-                <Table.Cell>{reservation.place.name}</Table.Cell>
+                <Table.Cell style={{cursor: 'pointer'}}>
+                  {reservation.description}
+                </Table.Cell>
+
+                <Table.Cell>
+                  <Link href={`/reservation/place/${reservation.place.region}/${reservation.place.name}`}>
+                    {reservation.place.name}
+                  </Link>
+                </Table.Cell>
 
                 <Table.Cell>
                   {convertDate(reservation.date)}<br/>

diff --git a/components/reservation/place.information.card.tsx b/components/reservation/place.information.card.tsx
@@ -20,6 +20,22 @@ const PlaceInformationCard: FunctionComponent<{
         <Card.Description>{placeInfo.description}</Card.Description>
         <Card.Meta style={{marginTop: 8}}>
           <OpeningHoursList openingHours={JSON.parse(placeInfo.opening_hours)}/>
+          {
+            (placeInfo.max_minutes !== 24 * 60 || placeInfo.max_concurrent_reservation > 1) ? (
+              <ul style={{paddingLeft: 16}}>
+                {
+                  placeInfo.max_minutes !== 24 * 60 ? (
+                    <li>최대 예약 기간: {placeInfo.max_minutes}분</li>
+                  ) : null
+                }
+                {
+                  placeInfo.max_concurrent_reservation > 1 ? (
+                    <li>동시 예약 가능 갯수: 최대 {placeInfo.max_concurrent_reservation}개 예약</li>
+                  ) : null
+                }
+              </ul>
+            ) : null
+          }
         </Card.Meta>
       </Card.Content>
     </Card>

diff --git a/types/reservation.interface.ts b/types/reservation.interface.ts
@@ -13,6 +13,7 @@ export interface IPlace {
   description: string;
   image_url?: string;
   max_minutes: number;
+  max_concurrent_reservation: number;
   opening_hours: string;
 }