diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx index f0e3bef5..ba0acd35 100644 --- a/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx +++ b/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/CommentBox.tsx @@ -42,6 +42,9 @@ import { useToaster } from "components/Toast"; import { OAuthErrorMessage, isOAuthSessionError } from "components/OAuthError"; import { Mention, MentionAutocomplete } from "components/Mention"; import { didToBlueskyUrl, atUriToUrl } from "src/utils/mentionUtils"; +import { useIdentityData } from "components/IdentityProvider"; +import { useRecordFromDid } from "src/utils/useRecordFromDid"; +import { Avatar } from "components/Avatar"; const addMentionToEditor = ( mention: Mention, @@ -98,6 +101,8 @@ export function CommentBox(props: { let [loading, setLoading] = useState(false); let view = useRef(null); let toaster = useToaster(); + let { identity } = useIdentityData(); + let { data: record } = useRecordFromDid(identity?.atp_did); // Mention autocomplete state const [mentionOpen, setMentionOpen] = useState(false); @@ -452,9 +457,18 @@ export function CommentBox(props: { view={view} /> - handleSubmitRef.current()}> - {loading ? : } - +
+ {record && ( + + )} + handleSubmitRef.current()}> + {loading ? : } + +
);