feat: isSelected 상탯값 추가하여 값 변경되었을 때만 헤더 변경

src/components/Header/Header.tsx

@@ -1,12 +1,21 @@
+import { useEffect, useState } from 'react'
 import { useIssueListContext } from '../../hooks/useIssueListContext'
 import * as S from './Header.styled'
 
 export default function Header() {
-  const { owner, repo } = useIssueListContext()
+  const { owner, repo, isSelected } = useIssueListContext()
+  const [headerOwner, setHeaderOwner] = useState<string>(owner)
+  const [headerRepo, setHeaderRepo] = useState<string>(repo)
+
+  useEffect(() => {
+    setHeaderOwner(owner)
+    setHeaderRepo(repo)
+  }, [isSelected])
+
   return (
     <S.Header>
       <h1>
-        {owner} / {repo}
+        {headerOwner} / {headerRepo}
       </h1>
     </S.Header>
   )

src/hooks/useIssue.tsx

@@ -9,6 +9,7 @@ const useIssue = () => {
   const [isLoading, setIsLoading] = useState<boolean>(false)
   const [pageNo, setpageNo] = useState<number>(1)
   const [isPageEnd, setIsPageEnd] = useState(false)
+  const [isSelected, setIsSelected] = useState<boolean>(false)
 
   const filterPureIssue = (data: IssueDTO[]) => data.filter((issue) => !issue.pull_request)
   const updateIssueList = (newData: IssueDTO[]) => {
@@ -43,6 +44,8 @@ const useIssue = () => {
           getIssueList(filterPureIssue(res.data))
         }
         setpageNo(pageNo + 1)
+
+        setIsSelected(mode === 'select')
         return
       }
       throw Error
@@ -73,6 +76,7 @@ const useIssue = () => {
     isLoading,
     setIsLoading,
     isPageEnd,
+    isSelected,
     getIssuesApiCall,
   }
 }

src/store/IssuesContext.tsx

@@ -14,6 +14,7 @@ export interface IssuesContextType {
   isLoading: boolean
   setIsLoading: React.Dispatch<React.SetStateAction<boolean>>
   isPageEnd: boolean
+  isSelected: boolean
   getIssuesApiCall: (mode: string) => Promise<void>
 }