style : a 태그 밑줄 없애기, 테스트 처음으로 돌아가기

LikeLionHGU · Jun 8, 2024 · 623c554 · 623c554
1 parent 92ce3bf
commit 623c554
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/components/header/header.jsx b/src/components/header/header.jsx
@@ -45,11 +45,13 @@ const Title = styled.div`
   font-family: Dream5;
 `;
 
-const ReturnBtn = styled.button`
+const ReturnBtn = styled.a`
   border: 1px solid #410a0a;
   border-radius: 30px;
   margin-top: 4px;
 
+  text-decoration: none;
+
   background-color: white;
   width: 79px;
   height: 32px;
@@ -93,11 +95,17 @@ export default function Header({ isHeader }) {
   function getButton(isHeader) {
     switch (isHeader) {
       case "test":
-        return <ReturnBtn>처음으로</ReturnBtn>;
+        return (
+          <ReturnBtn href="/test" onClick={() => window.location.reload()}>
+            처음으로
+          </ReturnBtn>
+        );
       case "ramentest":
         return (
           // <Link to="/test">
-          <ReturnBtn>처음으로</ReturnBtn>
+          <ReturnBtn href="/test" onClick={() => window.location.reload()}>
+            처음으로
+          </ReturnBtn>
           // </Link>
         );
       case "main":

diff --git a/src/components/review/mapLogo.jsx b/src/components/review/mapLogo.jsx
@@ -1,5 +1,6 @@
 import styled from "styled-components";
 import CharacterLogo from "../../imgs/characterLogo.svg";
+import { useNavigate } from "react-router-dom";
 
 const Sidebar = styled.div`
   position: absolute;
@@ -13,12 +14,21 @@ const Character = styled.img`
   height: 48px;
   margin-top: 10px;
   margin-right: 14px;
+
+  &:hover {
+    cursor: pointer;
+  }
 `;
 
 export default function MapLogo() {
+  const navigate = useNavigate();
+
+  function toMain() {
+    navigate("/");
+  }
   return (
     <Sidebar>
-      <Character src={CharacterLogo} alt="캐릭터 로고" />
+      <Character onClick={toMain} src={CharacterLogo} alt="캐릭터 로고" />
     </Sidebar>
   );
 }