a tool for shared writing and social publishing
add profiles to comment page
Jared Pereira
(Mar 26, 2026, 1:35 PM -0700)
e838c739
790125ef
+17
-3
+17
-3
app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx
+17
-3
app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx
···
42
42
import { OAuthErrorMessage, isOAuthSessionError } from "components/OAuthError";
43
43
import { Mention, MentionAutocomplete } from "components/Mention";
44
44
import { didToBlueskyUrl, atUriToUrl } from "src/utils/mentionUtils";
45
+
import { useIdentityData } from "components/IdentityProvider";
46
+
import { useRecordFromDid } from "src/utils/useRecordFromDid";
47
+
import { Avatar } from "components/Avatar";
45
48
46
49
const addMentionToEditor = (
47
50
mention: Mention,
···
98
101
let [loading, setLoading] = useState(false);
99
102
let view = useRef<null | EditorView>(null);
100
103
let toaster = useToaster();
104
+
let { identity } = useIdentityData();
105
+
let { data: record } = useRecordFromDid(identity?.atp_did);
101
106
102
107
// Mention autocomplete state
103
108
const [mentionOpen, setMentionOpen] = useState(false);
···
452
457
view={view}
453
458
/>
454
459
</div>
455
-
<ButtonPrimary compact onClick={() => handleSubmitRef.current()}>
456
-
{loading ? <DotLoader /> : <ShareSmall />}
457
-
</ButtonPrimary>
460
+
<div className="flex items-center gap-2">
461
+
{record && (
462
+
<Avatar
463
+
src={record.avatar}
464
+
displayName={record.displayName || record.handle}
465
+
size="small"
466
+
/>
467
+
)}
468
+
<ButtonPrimary compact onClick={() => handleSubmitRef.current()}>
469
+
{loading ? <DotLoader /> : <ShareSmall />}
470
+
</ButtonPrimary>
471
+
</div>
458
472
</div>
459
473
</div>
460
474
);