Merge pull request #69 from hyeonjiroh/React-노현지-sprint7

[노현지] Sprint7

Author: kiJu2

React/panda-market/src/App.jsx

@@ -8,17 +8,16 @@ import "./styles/App.color.css";
 function App() {
   const location = useLocation();
 
+  const isAuthPage = ["/login", "/signup"].includes(location.pathname);
+  const isHomePage = location.pathname === "/";
+
   return (
     <>
-      {!["/signin", "/signup"].includes(location.pathname) && (
-        <Header className={styles.nav} />
-      )}
+      {!isAuthPage && <Header className={styles.nav} />}
       <div className={styles.body}>
         <Outlet />
       </div>
-      {["/"].includes(location.pathname) && (
-        <Footer className={styles.footer} />
-      )}
+      {isHomePage && <Footer className={styles.footer} />}
     </>
   );
 }

React/panda-market/src/Main.js

@@ -2,6 +2,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import App from "./App";
 import HomePage from "./pages/HomePage/HomePage";
 import LoginPage from "./pages/LoginPage/LoginPage";
+import SignupPage from "./pages/SignupPage/SignupPage";
 import CommunityPage from "./pages/CommunityPage/CommunityPage";
 import MarketPage from "./pages/MarketPage/MarketPage";
 import ItemPage from "./pages/ItemPage/ItemPage";
@@ -13,7 +14,8 @@ function Main() {
       <Routes>
         <Route path="/" element={<App />}>
           <Route index element={<HomePage />} />
-          <Route path="signin" element={<LoginPage />} />
+          <Route path="login" element={<LoginPage />} />
+          <Route path="signup" element={<SignupPage />} />
           <Route path="community" element={<CommunityPage />} />
           <Route path="items">
             <Route index element={<MarketPage />} />

React/panda-market/src/apis/itemApi.js

@@ -4,6 +4,8 @@ const instance = axios.create({
   baseURL: "https://panda-market-api.vercel.app",
 });
 
+const COMMENTS_LIMIT = 3;
+
 export async function getItems({ page = "", pageSize = "", order = "" }) {
   const query = `page=${page}&pageSize=${pageSize}&orderBy=${order}`;
   try {
@@ -14,3 +16,24 @@ export async function getItems({ page = "", pageSize = "", order = "" }) {
     throw error;
   }
 }
+
+export async function getItemById(productId = "") {
+  try {
+    const res = await instance.get(`/products/${productId}`);
+    return res.data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+}
+
+export async function getItemComments(productId = "", { cursor = 0 }) {
+  const query = `limit=${COMMENTS_LIMIT}&cursor=${cursor}`;
+  try {
+    const res = await instance.get(`/products/${productId}/comments?${query}`);
+    return res.data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+}