[feat/#46] 로고 변경, 푸시 알림 아이콘 추가

DDD-Community · Sep 26, 2024 · cf4f0e7 · cf4f0e7
1 parent 3105165
commit cf4f0e7
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 8 deletions.
diff --git a/src/assets/icons/home-logo.svg b/src/assets/icons/home-logo.svg
diff --git a/src/assets/icons/side-nav-logo.svg b/src/assets/icons/side-nav-logo.svg
diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
@@ -1,7 +1,7 @@
 import { clearAccessToken } from "@/api/axiosInstance"
 import { useAuthStore } from "@/store/AuthStore"
 import { useSnapShotStore } from "@/store/SnapshotStore"
-import MainCraftIcon from "@assets/icons/posture-craft-side-nav-icon.svg?react"
+import LogoImage from "@assets/icons/side-nav-logo.svg?react"
 import AnalysisIcon from "@assets/icons/side-nav-analysis-icon.svg?react"
 import CrewIcon from "@assets/icons/side-nav-crew-icon.svg?react"
 import MonitoringIcon from "@assets/icons/side-nav-monitor-icon.svg?react"
@@ -82,8 +82,7 @@ export default function SideNav(): React.ReactElement {
         <div>
           {/* Logo and Title */}
           <div className="flex items-center p-6">
-            <MainCraftIcon className="h-8 w-8" />
-            <span className="ml-2 text-xl font-bold">자세공작소</span>
+            <LogoImage />
           </div>
 
           {/* User Info */}

diff --git a/src/hooks/usePushNotification.ts b/src/hooks/usePushNotification.ts
@@ -1,4 +1,5 @@
 import { useState, useEffect, useRef } from "react"
+import PushIcon from "@assets/icons/favicon.svg"
 
 interface UsePushNotificationResult {
   hasPermission: boolean
@@ -53,6 +54,7 @@ const usePushNotification = (): UsePushNotificationResult => {
     if (hasPermissionRef.current) {
       new Notification("자세공작소", {
         body: body,
+        icon: PushIcon as string,
       })
     }
   }

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
@@ -1,4 +1,4 @@
-import MainCraftIcon from "@assets/icons/posture-craft-side-nav-icon.svg?react"
+import LogoImage from "@assets/icons/home-logo.svg?react"
 import KakaoSignupIcon from "@assets/icons/home-kakao-signup-button-icon.svg?react"
 import IntroImage from "@/assets/images/home-intro.png"
 import MonitoringImage from "@/assets/images/home-monitoring.png"
@@ -18,8 +18,7 @@ const HomePage: React.FC = () => {
       <div className="flex w-full flex-none border border-[#F0F2F9] px-[120px] py-5">
         {/* logo */}
         <div className="flex flex-grow items-center">
-          <MainCraftIcon className="h-8 w-8" />
-          <span className="ml-2 text-xl font-bold">자세공작소</span>
+          <LogoImage />
         </div>
         <button
           className="rounded-full bg-blue-600 px-6 py-1 text-sm font-semibold leading-6 text-white"
@@ -63,10 +62,14 @@ const HomePage: React.FC = () => {
         <div className="flex items-center text-[#D9D9D9]">
           <div className="mr-20 text-2xl font-bold">ALIGN LAB</div>
           <div className="flex gap-20 text-sm">
-            <a href="https://swjg3gi.notion.site/89966f39e24a442a8eee5b1f91c4fde7" target="_blank">
+            <a href="https://swjg3gi.notion.site/89966f39e24a442a8eee5b1f91c4fde7" target="_blank" rel="noreferrer">
               <div>개인정보처리방침</div>
             </a>
-            <a href="https://swjg3gi.notion.site/7c13aba015654e6f8e1acd300b440526?pvs=4" target="_blank">
+            <a
+              href="https://swjg3gi.notion.site/7c13aba015654e6f8e1acd300b440526?pvs=4"
+              target="_blank"
+              rel="noreferrer"
+            >
               <div>이용약관</div>
             </a>
           </div>