bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

MentionNode: add Tooltip

Browse source
This commit is contained in:
Alex Gleason 2023-10-13 17:29:52 -05:00
parent 5aacfe299a
commit f6d60c243a
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/features/compose/editor/nodes/mention-node.tsx
View file

@ -8,6 +8,8 @@ import { addClassNamesToElement } from '@lexical/utils';
import { $applyNodeReplacement, DecoratorNode } from 'lexical'; import { $applyNodeReplacement, DecoratorNode } from 'lexical';
import React from 'react'; import React from 'react';
import { Tooltip } from 'soapbox/components/ui';
import type { import type {
EditorConfig, EditorConfig,
LexicalNode, LexicalNode,
@ -79,14 +81,15 @@ class MentionNode extends DecoratorNode<JSX.Element> {
const username = acct.split('@')[0]; const username = acct.split('@')[0];
return ( return (
<button <Tooltip text={`@${acct}`}>
className='text-accent-blue' <button
type='button' className='text-accent-blue'
title={`@${acct}`} type='button'
dir='ltr' dir='ltr'
> >
@{username} @{username}
</button> </button>
</Tooltip>
); );
} }