diff --git a/src/screens/Messages/components/ChatListItem.tsx b/src/screens/Messages/components/ChatListItem.tsx index 6b8deea30e..9553d24b11 100644 --- a/src/screens/Messages/components/ChatListItem.tsx +++ b/src/screens/Messages/components/ChatListItem.tsx @@ -7,7 +7,7 @@ import { moderateProfile, ModerationOpts, } from '@atproto/api' -import {msg} from '@lingui/macro' +import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {GestureActionView} from '#/lib/custom-animations/GestureActionView' @@ -27,7 +27,7 @@ import {useMarkAsReadMutation} from '#/state/queries/messages/conversation' import {useSession} from '#/state/session' import {TimeElapsed} from '#/view/com/util/TimeElapsed' import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar' -import {atoms as a, useBreakpoints, useTheme, web} from '#/alf' +import {atoms as a, native, useBreakpoints, useTheme, web} from '#/alf' import * as tokens from '#/alf/tokens' import {useDialogControl} from '#/components/Dialog' import {ConvoMenu} from '#/components/dms/ConvoMenu' @@ -294,7 +294,14 @@ function ChatListItemReady({ - + @@ -373,22 +380,50 @@ function ChatListItemReady({ /> - {convo.unreadCount > 0 && ( + {convo.opened === false && + (isNative || !(showActions || menuControl.isOpen)) ? ( + ]}> + + NEW + + + ) : ( + convo.unreadCount > 0 && ( + + ) )} )}