✨ 배너 이미지 로딩 변경

team-nabi · Dec 2, 2023 · 560a968 · 560a968
1 parent 34fd5f4
commit 560a968
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/src/app/(root)/(routes)/(home)/components/BannerSection.tsx b/src/app/(root)/(routes)/(home)/components/BannerSection.tsx
@@ -8,7 +8,12 @@ const BannerSection = () => {
     { url: Assets.banner3 },
   ]
   return (
-    <Slider loading="eager" imageData={bannerArr} imageAspectRatio="auto" />
+    <Slider
+      loading="eager"
+      priority={true}
+      imageData={bannerArr}
+      imageAspectRatio="auto"
+    />
   )
 }
 

diff --git a/src/components/domain/header/components/AvatarWithDropdown.tsx b/src/components/domain/header/components/AvatarWithDropdown.tsx
@@ -31,7 +31,10 @@ const AvatarWithDropdown = ({ imageUrl }: { imageUrl?: string }) => {
       <DropdownMenuTrigger asChild>
         <Button variant={null}>
           <Avatar size="md">
-            <AvatarImage imgUrl={imageUrl ?? DEFAULT_PROFILE_IMG} />
+            <AvatarImage
+              alt="profile"
+              imgUrl={imageUrl ?? DEFAULT_PROFILE_IMG}
+            />
           </Avatar>
         </Button>
       </DropdownMenuTrigger>

diff --git a/src/components/domain/header/sections/RightSide.tsx b/src/components/domain/header/sections/RightSide.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import Button from '@/components/ui/button'
 import AppPath from '@/config/appPath'

diff --git a/src/components/domain/slider/Slider.tsx b/src/components/domain/slider/Slider.tsx
@@ -12,6 +12,7 @@ type SliderProps = {
   imageData: { url: string | StaticImageData }[]
   imageAspectRatio: string
   loading?: 'lazy' | 'eager'
+  priority?: boolean
 }
 
 /**
@@ -22,6 +23,7 @@ const Slider = ({
   imageData,
   imageAspectRatio,
   loading = 'lazy',
+  priority = false,
 }: SliderProps) => {
   SwiperCore.use([Pagination, Autoplay])
   return (
@@ -46,6 +48,7 @@ const Slider = ({
             quality={50}
             style={{ width: '100%' }}
             loading={loading}
+            priority={priority}
           />
         </SwiperSlide>
       ))}