fix: window.open을 지우고 a 태그로 변경합니다. (#99)

uswLectureEvaluation · Sep 17, 2024 · d4873ae · d4873ae
1 parent 4fde17b
commit d4873ae
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,28 +1,28 @@
 import styled from '@emotion/styled';
 
-const footerMenu = [
+const FOOTER_LINKS = [
   {
-    title: '이용약관',
-    pageLink: 'https://sites.google.com/view/suwiki-policy-terms',
+    label: '이용약관',
+    url: 'https://sites.google.com/view/suwiki-policy-terms',
   },
   {
-    title: '개인정보처리방침',
-    pageLink: 'https://sites.google.com/view/suwiki-policy-privacy',
+    label: '개인정보처리방침',
+    url: 'https://sites.google.com/view/suwiki-policy-privacy',
   },
   {
-    title: '문의하기',
-    pageLink: 'https://alike-pump-ae3.notion.site/SUWIKI-2cd58468e90b404fbd3e30b8b2c0b699',
+    label: '문의하기',
+    url: 'https://alike-pump-ae3.notion.site/SUWIKI-2cd58468e90b404fbd3e30b8b2c0b699',
   },
 ];
 
 const Footer = () => {
   return (
     <FootWrapper>
       <Foot>
-        {footerMenu.map(({ title, pageLink }) => (
-          <FooterContent key={pageLink} onClick={() => window.open(pageLink)}>
-            {title}
-          </FooterContent>
+        {FOOTER_LINKS.map(({ label, url }) => (
+          <FooterLink href={url} key={url}>
+            {label}
+          </FooterLink>
         ))}
       </Foot>
     </FootWrapper>
@@ -45,12 +45,10 @@ const Foot = styled.div`
   align-items: center;
 `;
 
-const FooterContent = styled.div`
+const FooterLink = styled.a`
   color: #222222;
   font-size: 1rem;
-  &:hover {
-    cursor: pointer;
-  }
+
   @media screen and (max-width: 550px) {
     font-size: 0.9rem;
   }