[ Common ] [ Feat ] 개인정보처리방침, 서비스이용약관 연결

capstone-kw-jjiggle · Nov 11, 2024 · 9c512d9 · 9c512d9
1 parent 73de50a
commit 9c512d9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/apps/mobile/src/shared/components/layout/footer/footer.tsx b/apps/mobile/src/shared/components/layout/footer/footer.tsx
@@ -4,8 +4,12 @@ import { footerStyle } from './footer.css';
 const Footer = () => {
   return (
     <footer className={footerStyle}>
-      <Link href="/">개인정보처리방침</Link>
-      <Link href="/">서비스 이용약관</Link>
+      <Link href="/privacy">
+        <button>개인정보 처리방침</button>
+      </Link>
+      <Link href="/tos">
+        <button>서비스 이용약관</button>
+      </Link>
       <Link href="/">Contact | rankit.run@gmail.com</Link>
     </footer>
   );

diff --git a/apps/web/src/shared/components/layout/footer/footer.css.ts b/apps/web/src/shared/components/layout/footer/footer.css.ts
@@ -10,6 +10,11 @@ export const footerStlye = style({
   height: '12rem',
 });
 
+export const linkBtnStyle = style({
+  ':hover': {
+    textDecoration: 'underline',
+  },
+});
 export const contentStyle = style({
   ...globalTheme.fonts.headerReg16,
   display: 'flex',

diff --git a/apps/web/src/shared/components/layout/footer/footer.tsx b/apps/web/src/shared/components/layout/footer/footer.tsx
@@ -1,12 +1,17 @@
+import Link from 'next/link';
 import React from 'react';
-import { contentStyle, footerStlye } from './footer.css';
+import { contentStyle, footerStlye, linkBtnStyle } from './footer.css';
 
 const Footer = () => {
   return (
     <footer className={footerStlye}>
       <div className={contentStyle}>
-        <button>개인정보처리방침</button>
-        <button>서비스 이용약관</button>
+        <Link href="/privacy">
+          <button className={linkBtnStyle}>개인정보 처리방침</button>
+        </Link>
+        <Link href="/tos">
+          <button className={linkBtnStyle}>서비스 이용약관</button>
+        </Link>
         <p>Contact | rankit.run@gmail.com</p>
       </div>
     </footer>