From 385e93b9a9e599d2fcb35aef239da3393e1d08af Mon Sep 17 00:00:00 2001
From: Tsiry Sandratraina <tsiry.sndr@rocksky.app>
Date: Thu, 05 Feb 2026 08:41:52 +0000
Subject: [PATCH] Add optional chaining to avatar checks

---
 apps/web/src/components/Handle/Handle.tsx | 4 ++--
 apps/web/src/pages/home/feed/Feed.tsx | 4 ++--
 2 file(s) changed, 4 insertion(s)(+), 4 deletion(s)(-)

diff --git a/apps/web/src/components/Handle/Handle.tsx b/apps/web/src/components/Handle/Handle.tsx
--- a/apps/web/src/components/Handle/Handle.tsx
+++ b/apps/web/src/components/Handle/Handle.tsx
@@ -176,14 +176,14 @@
             <div className="flex flex-row items-start justify-between">
               <div className="flex flex-row items-center">
                 <Link to={link} className="no-underline">
-                  {!profiles[did]?.avatar.endsWith("/@jpeg") && (
+                  {!profiles[did]?.avatar?.endsWith("/@jpeg") && (
                     <Avatar
                       src={profiles[did]?.avatar}
                       name={profiles[did]?.displayName}
                       size={"60px"}
                     />
                   )}
-                  {profiles[did]?.avatar.endsWith("/@jpeg") && (
+                  {profiles[did]?.avatar?.endsWith("/@jpeg") && (
                     <div className="w-[60px] h-[60px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
                       <IconUser size={30} color="#fff" />
                     </div>
diff --git a/apps/web/src/pages/home/feed/Feed.tsx b/apps/web/src/pages/home/feed/Feed.tsx
--- a/apps/web/src/pages/home/feed/Feed.tsx
+++ b/apps/web/src/pages/home/feed/Feed.tsx
@@ -220,14 +220,14 @@
 
                       <div className="flex">
                         <div className="mr-[8px]">
-                          {!song.userAvatar.endsWith("/@jpeg") && (
+                          {!song.userAvatar?.endsWith("/@jpeg") && (
                             <Avatar
                               src={song.userAvatar}
                               name={song.userDisplayName}
                               size={"20px"}
                             />
                           )}
-                          {song.userAvatar.endsWith("/@jpeg") && (
+                          {song.userAvatar?.endsWith("/@jpeg") && (
                             <div className="w-[20px] h-[20px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
                               <IconUser size={10} color="#fff" />
                             </div>

--
tangled.sh