From fc4006c7e68a6dc201216b132faf82b46f7c04cf Mon Sep 17 00:00:00 2001
From: "whey.party" <RileyMarsh1337@proton.me>
Date: Thu, 12 Feb 2026 07:46:46 +0700
Subject: [PATCH] display bsky-native pronouns

---
 src/components/UniversalPostRenderer.tsx | 9 +++++++++
 src/routes/profile.$did/index.tsx        | 8 ++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/components/UniversalPostRenderer.tsx b/src/components/UniversalPostRenderer.tsx
index c0e7996..7318a8d 100644
--- a/src/components/UniversalPostRenderer.tsx
+++ b/src/components/UniversalPostRenderer.tsx
@@ -474,6 +474,7 @@ export function UniversalPostRendererRawRecordShim({
       viewer: undefined,
       labels: profileRecord?.labels || undefined,
       verification: undefined,
+      pronouns: profileRecord?.value?.pronouns || undefined,
     }),
     [imgcdn, profileRecord, resolved?.did, resolved?.handle],
   );
@@ -710,6 +711,8 @@ export function UniversalPostRenderer({
     (label) => ghld(label.src, label.val)?.pref === "warn",
   );
 
+  // add user pronouns
+  const pronoun = post.author.pronouns || undefined
   const informCombinedLabels: LabelWithHydratedLocaleName[] = combinedLabels.flatMap(
     (label) => {
       if (ghld(label.src, label.val)?.severity === "inform" && ghld(label.src, label.val)?.pref === "warn") {
@@ -1263,6 +1266,12 @@ export function UniversalPostRenderer({
               </div>
             ) : (
               <div className={`flex flex-wrap flex-row gap-1 my-1 ${redactWhileLoading_name ? "animate-pulse blur" : ""}`}>
+                {pronoun && (
+                  <SmallAuthorLabelBadgeInner
+                    text={pronoun}
+                    disablepfp={true}
+                  />
+                )}
                 {informCombinedLabels.map((label, index) => (
                   <SmallAuthorLabelBadge
                     label={label}
diff --git a/src/routes/profile.$did/index.tsx b/src/routes/profile.$did/index.tsx
index 5743b0a..0d607e5 100644
--- a/src/routes/profile.$did/index.tsx
+++ b/src/routes/profile.$did/index.tsx
@@ -182,6 +182,7 @@ function ProfileComponent() {
     : undefined;
   const { data: profileRecord } = useQueryProfile(profileUri);
   const profile = profileRecord?.value;
+  const pronoun = profile?.pronouns || undefined
 
   const [imgcdn] = useAtom(imgCDNAtom);
 
@@ -450,6 +451,13 @@ function ProfileComponent() {
             (
               <div className="flex flex-wrap flex-row gap-1">
                 {/* authorLabels{JSON.stringify(authorLabels,null,2)} */}
+                {pronoun && (
+                  <SmallAuthorLabelBadgeInner
+                    text={pronoun}
+                    disablepfp={true}
+                    large
+                  />
+                )}
                 {informAuthorLabels.map((label, index) => (
                   <SmallAuthorLabelBadge label={label} key={label.cts + label.src + label.val} large />
                 ))}
-- 
2.51.2