From f609de25f972ca403c71d27b386f7279eaa78590 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Thu, 20 Mar 2025 23:22:29 +0500
Subject: [PATCH] fix: missing alt text property errors in console

---
 app/components/CollectionLink/CollectionLink.tsx         | 2 +-
 app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx | 2 +-
 app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx    | 2 +-
 app/components/ReleaseLink/ReleaseLink.16_9Related.tsx   | 2 +-
 app/components/UserSection/UserSection.tsx               | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/CollectionLink/CollectionLink.tsx b/app/components/CollectionLink/CollectionLink.tsx
index a3ae98e..4b45fe8 100644
--- a/app/components/CollectionLink/CollectionLink.tsx
+++ b/app/components/CollectionLink/CollectionLink.tsx
@@ -15,7 +15,7 @@ export const CollectionLink = (props: any) => {
           <Image
             src={props.image}
             fill={true}
-            alt={props.title}
+            alt={props.title || ""}
             className="-z-[1] object-cover"
             sizes="
                   (max-width: 768px) 300px,
diff --git a/app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx b/app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx
index 2e0a8d0..b62e0ce 100644
--- a/app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx
+++ b/app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx
@@ -36,7 +36,7 @@ export const ReleaseLink169 = (props: any) => {
           <Image
             src={props.image}
             fill={true}
-            alt={props.title}
+            alt={props.title || ""}
             className="-z-[1] object-cover"
             sizes="
                   (max-width: 768px) 300px,
diff --git a/app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx b/app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx
index 461e415..384c914 100644
--- a/app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx
+++ b/app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx
@@ -33,7 +33,7 @@ export const ReleaseLink169Poster = (props: any) => {
               src={props.image}
               height={250}
               width={250}
-              alt={props.title}
+              alt={props.title || ""}
               className="object-cover aspect-[9/16] h-auto w-24 md:w-32 lg:w-48 rounded-md"
             />
           </div>
diff --git a/app/components/ReleaseLink/ReleaseLink.16_9Related.tsx b/app/components/ReleaseLink/ReleaseLink.16_9Related.tsx
index 8143712..aa2959f 100644
--- a/app/components/ReleaseLink/ReleaseLink.16_9Related.tsx
+++ b/app/components/ReleaseLink/ReleaseLink.16_9Related.tsx
@@ -43,7 +43,7 @@ export const ReleaseLink169Related = (props: any) => {
               src={props.image}
               height={250}
               width={250}
-              alt={props.title}
+              alt={props.title || ""}
               className="object-cover aspect-[9/16] lg:aspect-[12/16] h-auto w-24 md:w-32 lg:w-48 rounded-md"
             />
           </div>
diff --git a/app/components/UserSection/UserSection.tsx b/app/components/UserSection/UserSection.tsx
index 121f309..4dc7bfe 100644
--- a/app/components/UserSection/UserSection.tsx
+++ b/app/components/UserSection/UserSection.tsx
@@ -17,7 +17,7 @@ export const UserSection = (props: { sectionTitle?: string; content: any }) => {
             return (
               <Link href={`/profile/${user.id}`} key={user.id} className="w-full max-w-[234px] h-full max-h-[234px] aspect-square flex-shrink-0">
                 <Card className="items-center justify-center w-full h-full">
-                  <Avatar img={user.avatar} alt={user.login} size="lg" rounded={true} />
+                  <Avatar img={user.avatar} alt={user.login || ""} size="lg" rounded={true} />
                   <h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
                     {user.login}
                   </h5>