fix ts warnings for <img

Headpat-Community · Jun 24, 2024 · 9a76799 · 9a76799
1 parent b207e6b
commit 9a76799
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 5 deletions.
diff --git a/src/app/[locale]/(account)/account/gallery/[galleryId]/page.client.tsx b/src/app/[locale]/(account)/account/gallery/[galleryId]/page.client.tsx
@@ -126,6 +126,7 @@ export default function FetchGallery({ singleGallery }) {
   return (
     <div className="flex-wrap items-center justify-center gap-4 p-8">
       <div className="mx-auto flex">
+        {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
           src={getGalleryImageUrl(singleGallery.galleryId)}
           alt={singleGallery.imgAlt || 'Headpat Community Image'}

diff --git a/src/app/[locale]/(account)/account/gallery/upload/page.client.tsx b/src/app/[locale]/(account)/account/gallery/upload/page.client.tsx
@@ -160,6 +160,7 @@ export default function UploadPage() {
                 >
                   <div className="text-center">
                     <Label className="rounded-md bg-gray-900 font-semibold text-white focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-600 focus-within:ring-offset-2 focus-within:ring-offset-gray-900 hover:text-indigo-500">
+                      {/* eslint-disable-next-line @next/next/no-img-element */}
                       <img
                         id="selected-image"
                         className="mx-auto h-96 min-w-full rounded-md object-contain cursor-pointer"

diff --git a/src/app/[locale]/(account)/account/idcard/page.client.jsx b/src/app/[locale]/(account)/account/idcard/page.client.jsx
@@ -160,6 +160,7 @@ export default function PageClient() {
       {error && <ErrorMessage attentionError={error} />}
       <div className="mx-auto my-8 max-w-7xl text-center">
         {/* TODO: Change image */}
+        {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
           src="/images/badgefront.webp"
           alt="Badge Preview"
@@ -195,6 +196,7 @@ export default function PageClient() {
                         onDrop={handleDrop}
                         onDragOver={(event) => event.preventDefault()}
                       >
+                        {/* eslint-disable-next-line @next/next/no-img-element */}
                         <img
                           id="selected-image"
                           className="h-32 w-32 rounded-md object-contain"

diff --git a/src/app/[locale]/(main)/announcements/[announcementId]/page.tsx b/src/app/[locale]/(main)/announcements/[announcementId]/page.tsx
@@ -56,6 +56,7 @@ export default async function Page({
                   }}
                   passHref
                 >
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
                   <img
                     className="mr-4 h-12 w-12 flex-none rounded-full"
                     src={getAvatarImageUrl(

diff --git a/src/app/[locale]/(main)/gallery/[galleryId]/page.client.tsx b/src/app/[locale]/(main)/gallery/[galleryId]/page.client.tsx
@@ -12,10 +12,13 @@ export default function FetchGallery({ name, gallery }) {
 
   // The rest of the component remains unchanged with conditional rendering based on the data's availability.
   return (
-    <img
-      src={url}
-      alt={name || 'Headpat Community Image'}
-      className={`imgsinglegallery mx-auto h-[400px] w-auto max-w-full rounded-lg object-contain`}
-    />
+    <>
+      {/* eslint-disable-next-line @next/next/no-img-element */}
+      <img
+        src={url}
+        alt={name || 'Headpat Community Image'}
+        className={`imgsinglegallery mx-auto h-[400px] w-auto max-w-full rounded-lg object-contain`}
+      />
+    </>
   )
 }
diff --git a/src/components/account/profile/mfaAlert.tsx b/src/components/account/profile/mfaAlert.tsx
@@ -137,6 +137,7 @@ export default function MfaAlert({ mfaList }) {
               <div>
                 {mfaMode === 'totpEnable' && (
                   <>
+                    {/* eslint-disable-next-line @next/next/no-img-element */}
                     <img
                       src={qrCodeImage}
                       className={'h-64 w-auto mb-4'}

diff --git a/src/components/account/uploadAvatar.tsx b/src/components/account/uploadAvatar.tsx
@@ -150,6 +150,7 @@ export default function UploadAvatar({
       <span>Profile image</span>
       <div className="grid grid-cols-1 gap-x-6 gap-y-8 sm:max-w-xl sm:grid-cols-6">
         <div className="col-span-full flex items-center gap-x-8">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             id="avatar-image"
             src={

diff --git a/src/components/account/uploadBanner.tsx b/src/components/account/uploadBanner.tsx
@@ -150,6 +150,7 @@ export default function UploadBanner({
       <span>Banner image</span>
       <div className="grid grid-cols-1 gap-x-6 gap-y-8 sm:max-w-xl sm:grid-cols-6">
         <div className="col-span-full flex items-center gap-x-8">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             id="banner-image"
             src={