whey.party
an independent Bluesky client using Constellation, PDS Queries, and other services
reddwarf.app
frontend
spa
bluesky
reddwarf
microcosm
client
app
display bsky-native pronouns
+9
src/components/UniversalPostRenderer.tsx
+9
src/components/UniversalPostRenderer.tsx
···
474
viewer: undefined,
475
labels: profileRecord?.labels || undefined,
476
verification: undefined,
477
}),
478
[imgcdn, profileRecord, resolved?.did, resolved?.handle],
479
);
···
710
(label) => ghld(label.src, label.val)?.pref === "warn",
711
);
712
713
const informCombinedLabels: LabelWithHydratedLocaleName[] = combinedLabels.flatMap(
714
(label) => {
715
if (ghld(label.src, label.val)?.severity === "inform" && ghld(label.src, label.val)?.pref === "warn") {
···
1263
</div>
1264
) : (
1265
<div className={`flex flex-wrap flex-row gap-1 my-1 ${redactWhileLoading_name ? "animate-pulse blur" : ""}`}>
1266
{informCombinedLabels.map((label, index) => (
1267
<SmallAuthorLabelBadge
1268
label={label}
···
474
viewer: undefined,
475
labels: profileRecord?.labels || undefined,
476
verification: undefined,
477
+
pronouns: profileRecord?.value?.pronouns || undefined,
478
}),
479
[imgcdn, profileRecord, resolved?.did, resolved?.handle],
480
);
···
711
(label) => ghld(label.src, label.val)?.pref === "warn",
712
);
713
714
+
// add user pronouns
715
+
const pronoun = post.author.pronouns || undefined
716
const informCombinedLabels: LabelWithHydratedLocaleName[] = combinedLabels.flatMap(
717
(label) => {
718
if (ghld(label.src, label.val)?.severity === "inform" && ghld(label.src, label.val)?.pref === "warn") {
···
1266
</div>
1267
) : (
1268
<div className={`flex flex-wrap flex-row gap-1 my-1 ${redactWhileLoading_name ? "animate-pulse blur" : ""}`}>
1269
+
{pronoun && (
1270
+
<SmallAuthorLabelBadgeInner
1271
+
text={pronoun}
1272
+
disablepfp={true}
1273
+
/>
1274
+
)}
1275
{informCombinedLabels.map((label, index) => (
1276
<SmallAuthorLabelBadge
1277
label={label}
+8
src/routes/profile.$did/index.tsx
+8
src/routes/profile.$did/index.tsx
···
182
: undefined;
183
const { data: profileRecord } = useQueryProfile(profileUri);
184
const profile = profileRecord?.value;
185
186
const [imgcdn] = useAtom(imgCDNAtom);
187
···
450
(
451
<div className="flex flex-wrap flex-row gap-1">
452
{/* authorLabels{JSON.stringify(authorLabels,null,2)} */}
453
{informAuthorLabels.map((label, index) => (
454
<SmallAuthorLabelBadge label={label} key={label.cts + label.src + label.val} large />
455
))}
···
182
: undefined;
183
const { data: profileRecord } = useQueryProfile(profileUri);
184
const profile = profileRecord?.value;
185
+
const pronoun = profile?.pronouns || undefined
186
187
const [imgcdn] = useAtom(imgCDNAtom);
188
···
451
(
452
<div className="flex flex-wrap flex-row gap-1">
453
{/* authorLabels{JSON.stringify(authorLabels,null,2)} */}
454
+
{pronoun && (
455
+
<SmallAuthorLabelBadgeInner
456
+
text={pronoun}
457
+
disablepfp={true}
458
+
large
459
+
/>
460
+
)}
461
{informAuthorLabels.map((label, index) => (
462
<SmallAuthorLabelBadge label={label} key={label.cts + label.src + label.val} large />
463
))}