a tool for shared writing and social publishing
hide avatar if none
+25
-18
+18
-13
app/lish/[did]/[publication]/[rkey]/PublishBskyPostBlock.tsx
+18
-13
app/lish/[did]/[publication]/[rkey]/PublishBskyPostBlock.tsx
···
60
60
{post.author && record && (
61
61
<>
62
62
<div className="bskyAuthor w-full flex items-center gap-2">
63
-
<img
64
-
src={post.author?.avatar}
65
-
alt={`${post.author?.displayName}'s avatar`}
66
-
className="shink-0 w-8 h-8 rounded-full border border-border-light"
67
-
/>
63
+
{post.author.avatar && (
64
+
<img
65
+
src={post.author?.avatar}
66
+
alt={`${post.author?.displayName}'s avatar`}
67
+
className="shink-0 w-8 h-8 rounded-full border border-border-light"
68
+
/>
69
+
)}
68
70
<div className="grow flex flex-col gap-0.5 leading-tight">
69
71
<div className=" font-bold text-secondary">
70
72
{post.author?.displayName}
···
122
124
123
125
const ClientDate = (props: { date?: string }) => {
124
126
let pageLoaded = useInitialPageLoad();
125
-
const formattedDate = useLocalizedDate(props.date || new Date().toISOString(), {
126
-
month: "short",
127
-
day: "numeric",
128
-
year: "numeric",
129
-
hour: "numeric",
130
-
minute: "numeric",
131
-
hour12: true,
132
-
});
127
+
const formattedDate = useLocalizedDate(
128
+
props.date || new Date().toISOString(),
129
+
{
130
+
month: "short",
131
+
day: "numeric",
132
+
year: "numeric",
133
+
hour: "numeric",
134
+
minute: "numeric",
135
+
hour12: true,
136
+
},
137
+
);
133
138
134
139
if (!pageLoaded) return null;
135
140
+7
-5
components/Blocks/BlueskyPostBlock/BlueskyEmbed.tsx
+7
-5
components/Blocks/BlueskyPostBlock/BlueskyEmbed.tsx
···
125
125
className={`flex flex-col gap-1 relative w-full overflow-hidden sm:p-3 p-2 text-xs block-border`}
126
126
>
127
127
<div className="bskyAuthor w-full flex items-center gap-1">
128
-
<img
129
-
src={record.author?.avatar}
130
-
alt={`${record.author?.displayName}'s avatar`}
131
-
className="shink-0 w-6 h-6 rounded-full border border-border-light"
132
-
/>
128
+
{record.author.avatar && (
129
+
<img
130
+
src={record.author?.avatar}
131
+
alt={`${record.author?.displayName}'s avatar`}
132
+
className="shink-0 w-6 h-6 rounded-full border border-border-light"
133
+
/>
134
+
)}
133
135
<div className=" font-bold text-secondary">
134
136
{record.author?.displayName}
135
137
</div>