feat: visit페이지에 홈으로 가는 버튼 추가

boostcampwm2023 · Dec 13, 2023 · 82e0222 · 82e0222
1 parent 68b5258
commit 82e0222
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/front/src/pages/Visit/VisitHeader.tsx b/front/src/pages/Visit/VisitHeader.tsx
@@ -1,4 +1,5 @@
 import { useContext } from 'react';
+import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
 import { Container } from '@utils';
 import { HeaderText } from '@components';
@@ -19,12 +20,24 @@ const StyledLetterImg = styled.img`
   height: 100%;
 `;
 
+const HomeBtn = styled.img`
+  position: fixed;
+  z-index: 99;
+  top: 1rem;
+  left: 0.2rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  filter: invert(1);
+`;
+
 const VisitHeader = () => {
   const { userData } = useContext(SnowBallContext);
   const { messageList } = useContext(MessageListContext);
+  const navigate = useNavigate();
 
   return (
     <Container>
+      <HomeBtn onClick={() => navigate('/')} src="/icons/home.svg" />
       <HeaderText Ref={null} userName={userData.nickname} />
       <StyledLetter>
         <StyledLetterImg src={'/icons/letter.svg'} />