Merge branch 'dev' into feature/#50

package.json

@@ -16,21 +16,29 @@
     "@tanstack/react-query": "^5.17.9",
     "@tanstack/react-query-devtools": "^5.17.9",
     "axios": "^1.6.5",
+    "date-fns": "^2.0.0-alpha.27",
+    "date-fns-tz": "^2.0.0",
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
+    "react-datepicker": "^4.25.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.12",
     "react-loading-skeleton": "^3.3.1",
+    "react-paginate": "^8.2.0",
     "react-router-dom": "^6.21.1",
     "recoil": "^0.7.7",
-    "recoil-persist": "^5.1.0"
+    "recoil-persist": "^5.1.0",
+    "semantic-ui-css": "^2.5.0",
+    "semantic-ui-react": "^2.1.5",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@swc/core": "^1.3.102",
     "@swc/jest": "^0.2.29",
     "@tanstack/eslint-plugin-query": "^5.17.7",
     "@types/jest": "^29.5.11",
     "@types/react": "^18.2.43",
+    "@types/react-datepicker": "^4.19.5",
     "@types/react-dom": "^18.2.17",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",

src/api/index.ts

@@ -3,3 +3,4 @@ export { default as postLogin } from './lib/postLogin';
 export { default as postRefreshToken } from './lib/postRefreshToken';
 export { default as getTotalReport } from './lib/getTotalReport';
 export { default as getYearReport } from './lib/getYearReport';
+export { default as getCouponList } from './lib/getCouponList';

src/api/lib/getCouponList.ts

@@ -0,0 +1,22 @@
+import { CouponListResponse } from '@/types/couponList';
+import { instance } from '..';
+
+// 쿠폰 정보 가져오는 api
+const getCouponList = async (
+  accommodationId: number,
+  date?: string,
+  status?: string,
+  title?: string
+): Promise<CouponListResponse> => {
+  const params = {
+    date,
+    status,
+    title
+  };
+  const response = await instance.get(`/v1/coupons/${accommodationId}`, {
+    params
+  });
+  return response.data;
+};
+
+export default getCouponList;

src/components/CouponList/CouponHeader/index.tsx

@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
+
 import theme from '@styles/theme';
 
 const CouponHeader = () => {