+9

src/components/UniversalPostRenderer.tsx

reviewed

··· 474 474 viewer: undefined, 475 475 labels: profileRecord?.labels || undefined, 476 476 verification: undefined, 477 477 + pronouns: profileRecord?.value?.pronouns || undefined, 477 478 }), 478 479 [imgcdn, profileRecord, resolved?.did, resolved?.handle], 479 480 ); ··· 710 711 (label) => ghld(label.src, label.val)?.pref === "warn", 711 712 ); 712 713 714 714 + // add user pronouns 715 715 + const pronoun = post.author.pronouns || undefined 713 716 const informCombinedLabels: LabelWithHydratedLocaleName[] = combinedLabels.flatMap( 714 717 (label) => { 715 718 if (ghld(label.src, label.val)?.severity === "inform" && ghld(label.src, label.val)?.pref === "warn") { ··· 1263 1266 </div> 1264 1267 ) : ( 1265 1268 <div className={`flex flex-wrap flex-row gap-1 my-1 ${redactWhileLoading_name ? "animate-pulse blur" : ""}`}> 1269 1269 + {pronoun && ( 1270 1270 + <SmallAuthorLabelBadgeInner 1271 1271 + text={pronoun} 1272 1272 + disablepfp={true} 1273 1273 + /> 1274 1274 + )} 1266 1275 {informCombinedLabels.map((label, index) => ( 1267 1276 <SmallAuthorLabelBadge 1268 1277 label={label}

+8

src/routes/profile.$did/index.tsx

reviewed

··· 182 182 : undefined; 183 183 const { data: profileRecord } = useQueryProfile(profileUri); 184 184 const profile = profileRecord?.value; 185 185 + const pronoun = profile?.pronouns || undefined 185 186 186 187 const [imgcdn] = useAtom(imgCDNAtom); 187 188 ··· 450 451 ( 451 452 <div className="flex flex-wrap flex-row gap-1"> 452 453 {/* authorLabels{JSON.stringify(authorLabels,null,2)} */} 454 454 + {pronoun && ( 455 455 + <SmallAuthorLabelBadgeInner 456 456 + text={pronoun} 457 457 + disablepfp={true} 458 458 + large 459 459 + /> 460 460 + )} 453 461 {informAuthorLabels.map((label, index) => ( 454 462 <SmallAuthorLabelBadge label={label} key={label.cts + label.src + label.val} large /> 455 463 ))}