[프로젝트 페이지] 프로젝트 글쓰기 권한 Admin -> User (#131)

* Fix : 프로젝트 글쓰기 권한 전체로 변경

* Fix : local 삭제후 commit

* Fix : 비로그인시 글쓰기 이슈로 User부터 글쓰기 가능

src/pages/project/components/Header.tsx

@@ -4,18 +4,31 @@ import WriteIcon from '../../../img/project/write.svg';
 import { useNavigate } from 'react-router-dom';
 import { ProjectAPI } from './ProjectList';
 import { Gen } from '../register/RegisterOptions';
+import { useAuth } from '../../../hooks/useAuth';
+import { RolePriority } from '../../../constants/Role';
 
 interface IHeader {
     setProjectApi: React.Dispatch<React.SetStateAction<ProjectAPI>>;
 }
 
 function Header({ setProjectApi }: IHeader) {
+    const { userinfo, isLoading } = useAuth();
     const [activeTab, setActiveTab] = useState<number | undefined>();
+    const [isUser, setIsUser] = useState<boolean>(false);
 
     const handleClick = (index?: number) => {
         setActiveTab(index);
     };
 
+    const isUserInfo =
+        RolePriority.findIndex(role => role === userinfo.role) >= 1;
+
+    useEffect(() => {
+        if (isUserInfo && !isLoading) {
+            setIsUser(true);
+        }
+    }, [isLoading, isUserInfo]);
+
     useEffect(() => {
         // 전체를 클릭할 경우
         if (activeTab === undefined) {
@@ -67,7 +80,7 @@ function Header({ setProjectApi }: IHeader) {
                 </P.Tab>
             </P.TabContainer>
 
-            <P.WriteBtn onClick={goRegister}>
+            <P.WriteBtn isUser={isUser} onClick={goRegister}>
                 <img src={WriteIcon} alt="write" />
                 글쓰기
             </P.WriteBtn>

src/pages/project/components/HeaderStyle.tsx

@@ -66,13 +66,13 @@ export const Divider = styled.div`
     display: none;
 `;
 
-export const WriteBtn = styled.button`
+export const WriteBtn = styled.button<{ isUser: boolean }>`
     margin-left: 20px;
     padding: 8px 20px 8px 14px;
     justify-content: center;
     align-items: center;
     gap: 6px;
-    display: inline-flex;
+    display: ${props => (props.isUser ? 'inline-flex' : 'none')};
     border-radius: 6px;
     border: none;
     background: var(--Orange-600, #ff7710);