diff --git a/src/pages/orderCheck/components/index.ts b/src/pages/orderCheck/components/index.ts
index b3956ba..42ca083 100644
--- a/src/pages/orderCheck/components/index.ts
+++ b/src/pages/orderCheck/components/index.ts
@@ -1,6 +1,5 @@
import DialButton from "./DialButton/DialButton";
import PayButton from "./PayButton/PayButton";
-import OrderTrackingSection from "./OrderTrackingSection/OrderTrackingSection";
import RecentOrderCard from "./RecentOrderCard/RecentOrderCard";
import OrderNumberSearchSection from "./OrderNumberSearchSection/OrderNumberSearchSection";
import OrderInfoSection from "./OrderInfoSection/OrderInfoSection";
@@ -8,7 +7,6 @@ import OrderInfoSection from "./OrderInfoSection/OrderInfoSection";
export {
DialButton,
PayButton,
- OrderTrackingSection,
RecentOrderCard,
OrderNumberSearchSection,
OrderInfoSection,
diff --git a/src/pages/orderCheck/page/OrderCheckPage.style.ts b/src/pages/orderCheck/page/OrderCheckPage.style.ts
index 4763ffc..558d71d 100644
--- a/src/pages/orderCheck/page/OrderCheckPage.style.ts
+++ b/src/pages/orderCheck/page/OrderCheckPage.style.ts
@@ -22,6 +22,7 @@ export const refreshButton = (theme: Theme) => css`
height: 8rem;
border-radius: 40px;
background-color: ${theme.color.lightorange};
+ cursor: pointer;
`;
export const iconStyle = css`
diff --git a/src/pages/orderCheck/page/OrderCheckPage.tsx b/src/pages/orderCheck/page/OrderCheckPage.tsx
index f8b9b55..2bd5d72 100644
--- a/src/pages/orderCheck/page/OrderCheckPage.tsx
+++ b/src/pages/orderCheck/page/OrderCheckPage.tsx
@@ -4,19 +4,26 @@ import {
refreshButton,
} from "./OrderCheckPage.style";
import {
- OrderTrackingSection,
+ // OrderTrackingSection,
OrderNumberSearchSection,
OrderInfoSection,
} from "../components";
import { IcRefresh } from "@svg";
+import { useFetchRecentOrderNumber } from "@apis/domains/orderCheck/useFetchRecentOrderNumber";
const OrderCheckPage = () => {
+ const { data: recentOrderList, refetch } = useFetchRecentOrderNumber();
+
+ const handleRefresh = () => {
+ refetch();
+ };
+
return (
-
-
+ {/*
*/}
+
-
diff --git a/src/routes/PrivateRoute/PrivateRoute.tsx b/src/routes/PrivateRoute/PrivateRoute.tsx
new file mode 100644
index 0000000..86b5038
--- /dev/null
+++ b/src/routes/PrivateRoute/PrivateRoute.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Navigate } from "react-router-dom";
+
+import { isLoggedIn } from "@utils";
+
+interface PrivateRouteProps {
+ element: ReactNode;
+}
+
+const PrivateRoute = ({ element }: PrivateRouteProps) => {
+ return isLoggedIn() ? element :
;
+};
+
+export default PrivateRoute;
diff --git a/src/routes/adminRoutes.tsx b/src/routes/adminRoutes.tsx
index 8e6db02..87e9719 100644
--- a/src/routes/adminRoutes.tsx
+++ b/src/routes/adminRoutes.tsx
@@ -1,4 +1,5 @@
import { routePath } from "@constants";
+import { AdminLogin } from "@pages/Admin/page";
import { Admin } from "@pages/index";
import { RouteType } from "@types";
import { Navigate } from "react-router-dom";
@@ -8,6 +9,10 @@ const adminRoutes: RouteType[] = [
path: routePath.ADMIN,
element:
,
},
+ {
+ path: routePath.ADMIN_LOGIN,
+ element:
,
+ },
{
path: routePath.ADMIN_TAB,
element:
,
diff --git a/src/routes/authRoutes.tsx b/src/routes/authRoutes.tsx
new file mode 100644
index 0000000..92e9bee
--- /dev/null
+++ b/src/routes/authRoutes.tsx
@@ -0,0 +1,12 @@
+import { routePath } from "@constants";
+import { AdminLogin } from "@pages/Admin/page";
+import { RouteType } from "@types";
+
+const authRoutes: RouteType[] = [
+ {
+ path: routePath.ADMIN_LOGIN,
+ element:
,
+ },
+];
+
+export default authRoutes;
diff --git a/src/routes/index.ts b/src/routes/index.ts
index 8e42b13..e0120ea 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -2,6 +2,7 @@ import homeRoutes from "./homeRoutes";
import orderInfoRoutes from "./orderInfoRoutes";
import experienceOrderInfoRoutes from "./experienceOrderInfoRoutes";
import adminRoutes from "./adminRoutes";
+import authRoutes from "./authRoutes";
import orderCheckRoutes from "./orderCheckRoutes";
export {
@@ -9,5 +10,6 @@ export {
orderInfoRoutes,
experienceOrderInfoRoutes,
adminRoutes,
+ authRoutes,
orderCheckRoutes,
};
diff --git a/src/types/commonType.ts b/src/types/commonType.ts
index 961975c..58250f3 100644
--- a/src/types/commonType.ts
+++ b/src/types/commonType.ts
@@ -32,3 +32,7 @@ export interface OrderNumberType {
code: string;
data: number;
}
+
+export interface CodeResponseType {
+ code: string;
+}
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
new file mode 100644
index 0000000..84c959b
--- /dev/null
+++ b/src/utils/auth.ts
@@ -0,0 +1,7 @@
+export const getToken = () => {
+ return localStorage.getItem("accessToken");
+};
+
+export const isLoggedIn = () => {
+ return getToken() ? true : false;
+};
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 8642f44..5fdf69c 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,4 +1,3 @@
-import { formatPhoneNumber } from "./phoneNumber";
-import { getTwoDaysLaterDate } from "./getDate";
-
-export { formatPhoneNumber, getTwoDaysLaterDate };
+export * from "./phoneNumber";
+export * from "./getDate";
+export * from "./auth";