matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: emojify chat display name

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-01 23:21:54 +01:00
parent 3fc26881d8
commit 5e295a3acc
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/pl-fe/src/features/chats/components/chat-list-item.tsx
View File

@ -10,6 +10,7 @@ import Avatar from 'pl-fe/components/ui/avatar';
import IconButton from 'pl-fe/components/ui/icon-button'; import IconButton from 'pl-fe/components/ui/icon-button';
import VerificationBadge from 'pl-fe/components/verification-badge'; import VerificationBadge from 'pl-fe/components/verification-badge';
import { useChatContext } from 'pl-fe/contexts/chat-context'; import { useChatContext } from 'pl-fe/contexts/chat-context';
import Emojify from 'pl-fe/features/emoji/emojify';
import { useFeatures } from 'pl-fe/hooks/use-features'; import { useFeatures } from 'pl-fe/hooks/use-features';
import { useRelationshipQuery } from 'pl-fe/queries/accounts/use-relationship'; import { useRelationshipQuery } from 'pl-fe/queries/accounts/use-relationship';
import { useChatActions } from 'pl-fe/queries/chats'; import { useChatActions } from 'pl-fe/queries/chats';
@ -96,7 +97,9 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, onClick }) => {
<div className='⁂-chat-list-item__content'> <div className='⁂-chat-list-item__content'>
<div className='⁂-chat-list-item__name'> <div className='⁂-chat-list-item__name'>
<p>{chat.account?.display_name || `@${chat.account.username}`}</p> <p>
<Emojify text={chat.account.display_name} emojis={chat.account.emojis} />
</p>
{chat.account?.verified && <VerificationBadge />} {chat.account?.verified && <VerificationBadge />}
</div> </div>

4
packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
View File

@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl';
import { useAccount } from 'pl-fe/api/hooks/accounts/use-account'; import { useAccount } from 'pl-fe/api/hooks/accounts/use-account';
import { ParsedContent } from 'pl-fe/components/parsed-content'; import { ParsedContent } from 'pl-fe/components/parsed-content';
import Avatar from 'pl-fe/components/ui/avatar'; import Avatar from 'pl-fe/components/ui/avatar';
import Emojify from 'pl-fe/features/emoji/emojify';
import { useInstance } from 'pl-fe/hooks/use-instance'; import { useInstance } from 'pl-fe/hooks/use-instance';
import { usePlFeConfig } from 'pl-fe/hooks/use-pl-fe-config'; import { usePlFeConfig } from 'pl-fe/hooks/use-pl-fe-config';
import { useShoutboxMessages } from 'pl-fe/stores/shoutbox'; import { useShoutboxMessages } from 'pl-fe/stores/shoutbox';
@ -52,8 +53,7 @@ const ChatListShoutbox: React.FC<IChatListShoutboxInterface> = ({ onClick }) =>
<p className='⁂-chat-list-item__message'> <p className='⁂-chat-list-item__message'>
{lastMessageAuthor && ( {lastMessageAuthor && (
<span className='⁂-chat-list-item__message__author'> <span className='⁂-chat-list-item__message__author'>
{lastMessageAuthor.display_name || `@${lastMessageAuthor.username}`}: <Emojify text={lastMessageAuthor.display_name} emojis={lastMessageAuthor.emojis} />{': '}
{' '}
</span> </span>
)} )}
<ParsedContent html={lastMessage.text} /> <ParsedContent html={lastMessage.text} />