From 8f88dc9b5b23f9b16241265985bf3f2cf882881e Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 10 Mar 2024 23:55:58 +0800
Subject: [PATCH] fix: unoptimize some image

Signed-off-by: Innei <i@innei.in>
---
 src/components/layout/header/internal/Activity.tsx        | 4 +---
 src/components/modules/comment/CommentBox/AuthedInput.tsx | 3 +--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/header/internal/Activity.tsx b/src/components/layout/header/internal/Activity.tsx
index 5c01834a6d..3c4f3f45bd 100644
--- a/src/components/layout/header/internal/Activity.tsx
+++ b/src/components/layout/header/internal/Activity.tsx
@@ -11,7 +11,6 @@ import React, {
 } from 'react'
 import clsx from 'clsx'
 import { AnimatePresence, m } from 'framer-motion'
-import Image from 'next/image'
 
 import { setActivityMediaInfo, setActivityProcessInfo } from '~/atoms/activity'
 import { useActivity } from '~/atoms/hooks'
@@ -218,12 +217,11 @@ const TriggerComponent = memo<{
   if (!src) return null
 
   return (
-    <Image
+    <img
       width={32}
       height={32}
       src={error ? ErrorFallback : src}
       alt={processName}
-      priority
       fetchPriority="low"
       className={className}
       onError={() => setError(true)}
diff --git a/src/components/modules/comment/CommentBox/AuthedInput.tsx b/src/components/modules/comment/CommentBox/AuthedInput.tsx
index fe43996b34..a125189948 100644
--- a/src/components/modules/comment/CommentBox/AuthedInput.tsx
+++ b/src/components/modules/comment/CommentBox/AuthedInput.tsx
@@ -2,7 +2,6 @@
 
 import { useEffect } from 'react'
 import clsx from 'clsx'
-import Image from 'next/image'
 
 import { useUser } from '@clerk/nextjs'
 
@@ -39,7 +38,7 @@ export const CommentBoxAuthedInput = () => {
           'ml-[2px] backface-hidden',
         )}
       >
-        <Image
+        <img
           className="rounded-full object-cover"
           src={user.imageUrl}
           alt={`${displayName}'s avatar`}