Merge pull request Team-Shaka#106 from Team-Shaka/FE-80

fix: 뷰에 따른 Selectbar.js 조건 수정

Author: Dawon00

breifing/src/components/aboutComps/Header.js

@@ -58,7 +58,7 @@ const Header = () => {
               </svg>
             </button>
           </div>
-          <div className="visible xs:invisible text-primaryBgColor font-bold text-lg cursor-pointer">
+          <div onClick={() => navigate("/")} className="visible xs:invisible text-primaryBgColor font-bold text-lg cursor-pointer">
             Briefing
           </div>
           <div>
@@ -81,7 +81,7 @@ const Header = () => {
           </div>
           <div className="opacity-0">dfsdfsdfdfs</div>
         </div>
-        {location.pathname === "/" ? <SelectBar /> : null}
+        <SelectBar />
 
         <div
           className={cls(

breifing/src/components/aboutComps/SelectBar.js

@@ -2,18 +2,22 @@ import React, { useState } from 'react';
 import { useRecoilState } from 'recoil';
 import { categoryState } from '../../recoil/atoms/categoryState';
 import { cls } from './Header';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 
 const texts = ["전체", "사회", "글로벌", "경제", "과학"]
 const SelectBar = () => {
     const [category, setCategory] = useRecoilState(categoryState)
+    const navigate = useNavigate();
+    const { pathname } = useLocation()
+
 
     const onClickBtn = (text) => {
         setCategory(text)
-
+        navigate("/")
     }
 
     return (
-        <div className='xs:border-t xs:border-b border-[#B6B6B6] p-3'>
+        <div className={cls('xs:border-t xs:border-b border-[#B6B6B6] p-3 ', pathname === "/" ? "" : "hidden xs:block")}>
             <div className='flex justify-center space-x-5 xs:space-x-20 text-sm'>
                 {texts.map((text, i) => <div onClick={() => onClickBtn(text)} className={cls('cursor-pointer hover:font-bold transition-all', category === text ? "font-bold" : "")} key={i}>{text}</div>)}
             </div>