fix: image attributes

Nexters · Apr 16, 2024 · 1cc3936 · 1cc3936
1 parent ac44d19
commit 1cc3936
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 28 deletions.
diff --git a/src/app/(routes)/member/[memberId]/character-card.tsx b/src/app/(routes)/member/[memberId]/character-card.tsx
@@ -67,29 +67,21 @@ export default function CharacterCard({ character, component, href, order }: Pro
 
             <div className="relative mx-auto my-[10px] h-[100px] w-[100px]">
                 <Image
-                    priority
-                    quality={100}
                     width={100}
                     height={100}
                     alt={character.name}
-                    style={{
-                        objectFit: 'cover',
-                    }}
                     src={character.characterImage}
                     className="absolute left-0 right-0"
+                    loading="lazy"
                 />
                 {character.itemImage && (
                     <Image
-                        quality={100}
-                        priority
-                        style={{
-                            objectFit: 'cover',
-                        }}
                         src={character.itemImage}
                         alt={character.name}
                         className="absolute left-0 top-0"
                         width={100}
                         height={100}
+                        loading="lazy"
                     />
                 )}
             </div>

diff --git a/src/app/(routes)/member/[memberId]/member-data.tsx b/src/app/(routes)/member/[memberId]/member-data.tsx
@@ -15,15 +15,7 @@ export function MemberData({ joinDays, memoCount }: Props) {
                         <div className="text-[20px] font-bold leading-[30px] text-[#2777EA]">{joinDays}일</div>
                     </div>
                     <div className="flex h-[50px] w-[50px] rounded-lg bg-white">
-                        <Image
-                            alt=""
-                            objectFit="cover"
-                            priority
-                            width={50}
-                            height={50}
-                            src={EggImage}
-                            className="rounded-lg"
-                        />
+                        <Image alt="" priority width={50} height={50} src={EggImage} className="rounded-lg" />
                     </div>
                 </div>
                 <div className="flex flex-1 items-center justify-between rounded-xl  bg-[#F6F8FC] px-5 py-[18px]">
@@ -32,15 +24,7 @@ export function MemberData({ joinDays, memoCount }: Props) {
                         <div className="text-[20px] font-bold leading-[30px] text-[#2777EA]">{memoCount}개</div>
                     </div>
                     <div className="flex h-[50px] w-[50px] rounded-lg bg-white">
-                        <Image
-                            alt=""
-                            objectFit="cover"
-                            priority
-                            width={50}
-                            height={50}
-                            src={PencilImage}
-                            className="rounded-lg"
-                        />
+                        <Image alt="" priority width={50} height={50} src={PencilImage} className="rounded-lg" />
                     </div>
                 </div>
             </div>