Merge pull request #91 from LikeLionHGU/hwan_#78/자잘한-에러-잡기

Hwan #78/자잘한 에러 잡기
LikeLionHGU · Aug 3, 2024 · 4175ecd · 4175ecd
2 parents 8a6ca16 + 4c9f1de
commit 4175ecd
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 29 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -29,7 +29,13 @@ export default function Header({ mode }) {
   };
 
   const handleCategoryClick = (category) => {
-    setSelectedCategory(category);
+    if (mode === 0) {
+      // 카테고리를 넘겨야 함
+      setSelectedCategory(category);
+      navigate("list", { state: { category } });
+    } else if (mode === 1) {
+      setSelectedCategory(category);
+    }
   };
 
   useEffect(() => {
@@ -64,6 +70,10 @@ export default function Header({ mode }) {
     navigate("/mypage");
   }
 
+  function toList() {
+    navigate("/list");
+  }
+
   if (isLoading) {
     return <div></div>; // 로딩 중일 때 표시할 내용
   }
@@ -105,32 +115,24 @@ export default function Header({ mode }) {
                 책 발간하기
               </button>
 
-
-                <div className="header-guide">
-                  <img
-                    className="header-guide-img"
-                    src={GuideImg}
-                    alt="guide"
-                    onClick={() => {
-
-                    }}
-                  />
-                  <button
-                    id="goGuide"
-                  >
-                    가이드
-                  </button>
-                </div>
-
+              <div className="header-guide">
                 <img
-                  className="header-profile"
-                  src={ProfileImg}
-                  alt="profile"
-                  onClick={() => {
-                    toMyPage();
-                  }}
+                  className="header-guide-img"
+                  src={GuideImg}
+                  alt="guide"
+                  onClick={() => {}}
                 />
-
+                <button id="goGuide">가이드</button>
+              </div>
+
+              <img
+                className="header-profile"
+                src={ProfileImg}
+                alt="profile"
+                onClick={() => {
+                  toMyPage();
+                }}
+              />
             </>
           ) : (
             <button
@@ -155,7 +157,9 @@ export default function Header({ mode }) {
             {Object.keys(categories).map((category) => (
               <button
                 key={category}
-                onClick={() => handleCategoryClick(category)}
+                onClick={() => {
+                  handleCategoryClick(category);
+                }}
               >
                 {category}
               </button>

diff --git a/src/pages/project/List.jsx b/src/pages/project/List.jsx
@@ -2,6 +2,7 @@
 import { useState } from "react";
 import Header from "../../components/Header";
 import "../../styles/list.css";
+import { useLocation } from "react-router-dom";
 
 import Test1 from "../../imgs/test1.png";
 import Test2 from "../../imgs/test2.png";
@@ -33,7 +34,12 @@ const imageData = [
 ];
 
 export default function List() {
+  const location = useLocation();
   const [dropdown, setDropdown] = useState("");
+  // 카테고리를 받아옴
+  const { category } = location.state || {};
+
+  console.log(category);
 
   const handleSelectChange = (event) => {
     setDropdown(event.target.value);
@@ -44,9 +50,9 @@ export default function List() {
       <div className="list-grid-container">
         <div className="list-dropdown-container">
           <select value={dropdown} onChange={handleSelectChange}>
-            <option value="option1">모집 중</option>
-            <option value="option2">완결</option>
-            <option value="option3">연재중</option>
+            <option value="모집중">모집 중</option>
+            <option value="완결">완결</option>
+            <option value="연재중">연재중</option>
           </select>
         </div>
         <div className="list-container">