binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: editor focus after mentioning (#5187)

Browse source
This commit is contained in:
Aaryan Khandelwal 2024-07-22 16:45:09 +05:30 • committed by GitHub
parent 8577a56068
commit b95d7716e2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/editor/src/core/extensions/mentions/mentions-list.tsx
View file

@ -146,10 +146,11 @@ export const MentionList = forwardRef((props: MentionListProps, ref) => {
<div className="text-center text-custom-text-400">Loading...</div> <div className="text-center text-custom-text-400">Loading...</div>
) : items.length ? ( ) : items.length ? (
items.map((item, index) => ( items.map((item, index) => (
<div <button
key={item.id} key={item.id}
type="button"
className={cn( className={cn(
"flex cursor-pointer items-center gap-2 rounded px-1 py-1.5 hover:bg-custom-background-80 text-custom-text-200", "w-full text-left flex cursor-pointer items-center gap-2 rounded px-1 py-1.5 hover:bg-custom-background-80 text-custom-text-200",
{ {
"bg-custom-background-80": index === selectedIndex, "bg-custom-background-80": index === selectedIndex,
} }
@ -158,7 +159,7 @@ export const MentionList = forwardRef((props: MentionListProps, ref) => {
> >
<Avatar name={item?.title} src={item?.avatar} /> <Avatar name={item?.title} src={item?.avatar} />
<span className="flex-grow truncate">{item.title}</span> <span className="flex-grow truncate">{item.title}</span>
</div> </button>
)) ))
) : ( ) : (
<div className="text-center text-custom-text-400">No results</div> <div className="text-center text-custom-text-400">No results</div>