t1c.dev
forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 🎵
Add optional chaining to avatar checks
tsiry-sandratraina.com
+2
-2
apps/web/src/components/Handle/Handle.tsx
+2
-2
apps/web/src/components/Handle/Handle.tsx
···
176
<div className="flex flex-row items-start justify-between">
177
<div className="flex flex-row items-center">
178
<Link to={link} className="no-underline">
179
-
{!profiles[did]?.avatar.endsWith("/@jpeg") && (
180
<Avatar
181
src={profiles[did]?.avatar}
182
name={profiles[did]?.displayName}
183
size={"60px"}
184
/>
185
)}
186
-
{profiles[did]?.avatar.endsWith("/@jpeg") && (
187
<div className="w-[60px] h-[60px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
188
<IconUser size={30} color="#fff" />
189
</div>
···
176
<div className="flex flex-row items-start justify-between">
177
<div className="flex flex-row items-center">
178
<Link to={link} className="no-underline">
179
+
{!profiles[did]?.avatar?.endsWith("/@jpeg") && (
180
<Avatar
181
src={profiles[did]?.avatar}
182
name={profiles[did]?.displayName}
183
size={"60px"}
184
/>
185
)}
186
+
{profiles[did]?.avatar?.endsWith("/@jpeg") && (
187
<div className="w-[60px] h-[60px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
188
<IconUser size={30} color="#fff" />
189
</div>
+2
-2
apps/web/src/pages/home/feed/Feed.tsx
+2
-2
apps/web/src/pages/home/feed/Feed.tsx
···
220
221
<div className="flex">
222
<div className="mr-[8px]">
223
-
{!song.userAvatar.endsWith("/@jpeg") && (
224
<Avatar
225
src={song.userAvatar}
226
name={song.userDisplayName}
227
size={"20px"}
228
/>
229
)}
230
-
{song.userAvatar.endsWith("/@jpeg") && (
231
<div className="w-[20px] h-[20px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
232
<IconUser size={10} color="#fff" />
233
</div>
···
220
221
<div className="flex">
222
<div className="mr-[8px]">
223
+
{!song.userAvatar?.endsWith("/@jpeg") && (
224
<Avatar
225
src={song.userAvatar}
226
name={song.userDisplayName}
227
size={"20px"}
228
/>
229
)}
230
+
{song.userAvatar?.endsWith("/@jpeg") && (
231
<div className="w-[20px] h-[20px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center">
232
<IconUser size={10} color="#fff" />
233
</div>