leaflet.pub
a tool for shared writing and social publishing
don't render author img in bsky post embed if no avatar
schlage.town
+9
-5
+9
-5
components/Blocks/BlueskyPostBlock/index.tsx
+9
-5
components/Blocks/BlueskyPostBlock/index.tsx
···
103
103
{post.post.author && record && (
104
104
<>
105
105
<div className="bskyAuthor w-full flex items-center gap-2">
106
-
<img
107
-
src={post.post.author?.avatar}
108
-
alt={`${post.post.author?.displayName}'s avatar`}
109
-
className="shink-0 w-8 h-8 rounded-full border border-border-light"
110
-
/>
106
+
{post.post.author?.avatar ? (
107
+
<img
108
+
src={post.post.author?.avatar}
109
+
alt={`${post.post.author?.displayName}'s avatar`}
110
+
className="shrink-0 w-8 h-8 rounded-full border border-border-light"
111
+
/>
112
+
) : (
113
+
<div className="shrink-0 w-8 h-8 rounded-full border border-border-light bg-border"></div>
114
+
)}
111
115
<div className="grow flex flex-col gap-0.5 leading-tight">
112
116
<div className=" font-bold text-secondary">
113
117
{post.post.author?.displayName}