From 259a65b42018924ef6bdbfcd0d5facf3a56c94f6 Mon Sep 17 00:00:00 2001
From: geun1416 <1416geun@naver.com>
Date: Thu, 26 Oct 2023 11:18:54 +0900
Subject: [PATCH] .

---
 package-lock.json                             |  5 +
 package.json                                  |  1 +
 src/assets/css/custom.css                     |  7 +-
 .../control/setting/steps/ReserveStep1.js     | 94 +++++++++++++++----
 4 files changed, 90 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ed55431..74d8c6e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23524,6 +23524,11 @@
         "is-fullwidth-code-point": "^3.0.0"
       }
     },
+    "slick-carousel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
+      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA=="
+    },
     "smoothscroll-polyfill": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz",
diff --git a/package.json b/package.json
index 555724e..47fad8d 100644
--- a/package.json
+++ b/package.json
@@ -104,6 +104,7 @@
     "redux-thunk": "2.3.0",
     "sass": "1.26.8",
     "screenfull": "5.0.2",
+    "slick-carousel": "^1.8.1",
     "sortablejs": "1.12.0",
     "styled-components": "5.1.1",
     "sweetalert2": "10.14.0",
diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 34159b8..99ee06e 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -902,4 +902,9 @@ background-size: 75% auto;
 .fsm-ti{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #404656;padding-bottom:0.5rem;margin-bottom:1rem}
 .fsm-ti h5{font-weight:500}
 .fsm-ti .btn-wrap button + button{margin-left:0.5rem}
-.fsm-box .list-input label{font-size:0.875rem}
\ No newline at end of file
+.fsm-box .list-input label{font-size:0.875rem}
+
+.reservation-date .box{background:#242b3d;border:1px solid #404656;padding:0.5rem}
+.reservation-date .box .date{display:block;font-size:0.875rem}
+.reservation-date .box .state{font-size:1.5rem;}
+.reservation-date .slick-slide{margin-left:1rem;max-width: 144px;}
\ No newline at end of file
diff --git a/src/views/control/setting/steps/ReserveStep1.js b/src/views/control/setting/steps/ReserveStep1.js
index aa9a8f6..b3ec6c8 100644
--- a/src/views/control/setting/steps/ReserveStep1.js
+++ b/src/views/control/setting/steps/ReserveStep1.js
@@ -1,19 +1,22 @@
 import React, { useState, Component } from 'react'
 
 import Slider from "react-slick";
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
 
 import { Badge, Button } from 'reactstrap';
 import { ArrowRight } from 'react-feather';
 
 export default function ReserveStep1() {
   const settings = {
-    dots: true,
+    dots: false,
     infinite: true,
     speed: 500,
-    slidesToShow: 1,
+    slidesToShow: 7,
     slidesToScroll: 1
   };
 
+
   return (
     <div className='step-reservation'>
       <div className='step-box'>
@@ -43,29 +46,88 @@ export default function ReserveStep1() {
             <span>여의도 공원</span>
           </div>
 
-          <div>
-          <h2> Single Item</h2>
+          <div className='reservation-date'>
             <Slider {...settings}>
-              <div>
-                <h3>1</h3>
+              <div className='box'>
+                <span className='date'>2025.10.23(월)</span>
+                <span className='state'>매진</span>
               </div>
-              <div>
-                <h3>2</h3>
+              <div className='box'>
+                <span className='date'>2025.10.24(화)</span>
+                <span className='state'>매진</span>
               </div>
-              <div>
-                <h3>3</h3>
+              <div className='box'>
+                <span className='date'>2025.10.25(수)</span>
+                <span className='state'>매진</span>
               </div>
-              <div>
-                <h3>4</h3>
+              <div className='box'>
+                <span className='date'>2025.10.26(목)</span>
+                <span className='state'>56,000<span className='rate'>KRW</span></span>
               </div>
-              <div>
-                <h3>5</h3>
+              <div className='box'>
+                <span className='date'>2025.10.27(금)</span>
+                <span className='state'>58,000<span className='rate'>KRW</span></span>
               </div>
-              <div>
-                <h3>6</h3>
+              <div className='box'>
+                <span className='date'>2025.10.28(토)</span>
+                <span className='state'>-</span>
+              </div>
+              <div className='box'>
+                <span className='date'>2025.10.29(일)</span>
+                <span className='state'>48,000<span className='rate'>KRW</span></span>
+              </div>
+              <div className='box'>
+                <span className='date'>2025.10.30(월)</span>
+                <span className='state'>38,000<span className='rate'>KRW</span></span>
               </div>
             </Slider>
           </div>
+
+          <div>
+            <table>
+              <thead>
+                <tr>
+                  <th>출발/도착시간(비행시간)</th>
+                  <th>편명/기종</th>
+                  <th>특가운임</th>
+                  <th>할인운임</th>
+                  <th>정규운임</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>
+                    <span>1시간 5분</span>
+                    <div>
+                      <span>08:40</span>-
+                      <span>09:45</span>
+                      <span>+1 day</span>
+                    </div>
+                  </td>
+                  <td>
+                    <div>
+                      <span>3P1003</span>
+                      <span>B737-800</span>
+                    </div>
+                  </td>
+                  <td><span>매진</span></td>
+                  <td>
+                  <div>
+                      <span>76.000 KRW</span>
+                      <span>잔여7석</span>
+                    </div>
+                  </td>
+                  <td>
+                    <div>
+                      <span>76.000 KRW</span>
+                      <span>잔여7석</span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
         </div>
 
         <div