mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Update chat-message

update-compose
danidfra 2024-12-13 18:08:39 -03:00
rodzic 2fe32c871b
commit 6a7191c14b
1 zmienionych plików z 4 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

8
src/features/chats/components/chat-message.tsx
Wyświetl plik

@ -105,7 +105,7 @@ const ChatMessage = (props: IChatMessage) => {
}; };
const maybeRenderMedia = (chatMessage: ChatMessageEntity) => { const maybeRenderMedia = (chatMessage: ChatMessageEntity) => {
if (!chatMessage.media_attachments.size) return null; if (!chatMessage.media_attachments.length) return null;
return ( return (
<MediaGallery <MediaGallery
@ -265,7 +265,7 @@ const ChatMessage = (props: IChatMessage) => {
space={0.5} space={0.5}
className={clsx({ className={clsx({
'max-w-[85%]': true, 'max-w-[85%]': true,
'flex-1': !!chatMessage.media_attachments.size, 'flex-1': !!chatMessage.media_attachments.length,
'order-3': isMyMessage, 'order-3': isMyMessage,
'order-1': !isMyMessage, 'order-1': !isMyMessage,
})} })}
@ -280,8 +280,8 @@ const ChatMessage = (props: IChatMessage) => {
className={ className={
clsx({ clsx({
'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true, 'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
'rounded-tr-sm': (!!chatMessage.media_attachments.size) && isMyMessage, 'rounded-tr-sm': (!!chatMessage.media_attachments.length) && isMyMessage,
'rounded-tl-sm': (!!chatMessage.media_attachments.size) && !isMyMessage, 'rounded-tl-sm': (!!chatMessage.media_attachments.length) && !isMyMessage,
'[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage, '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage,
'[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage, '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
'bg-primary-500 text-white': isMyMessage, 'bg-primary-500 text-white': isMyMessage,