diff --git a/src/components/AvatarBubbles.tsx b/src/components/AvatarBubbles.tsx index 0c6f67db37..ff6f4ba1b9 100644 --- a/src/components/AvatarBubbles.tsx +++ b/src/components/AvatarBubbles.tsx @@ -28,7 +28,10 @@ export function AvatarBubbles({ size = 'large', }: Props) { const {currentAccount} = useSession() - const profiles = allProfiles.filter(p => p.did !== currentAccount?.did) + const profiles = + allProfiles.length > 2 + ? allProfiles.filter(p => p.did !== currentAccount?.did) + : allProfiles const containerSize = typeof size === 'number' ? size @@ -86,7 +89,7 @@ export function AvatarBubbles({ let avatars = ( <> 0 + const prevHasReactions = + prevIsMessage && + prevMessage.reactions != null && + prevMessage.reactions.length > 0 const squaredBottomCorner = !hasReactions && isInCluster && (isInMiddleOfCluster || effectiveFirstInCluster) const squaredTopCorner = - isInCluster && (isInMiddleOfCluster || effectiveLastInCluster) + !prevHasReactions && + isInCluster && + (isInMiddleOfCluster || effectiveLastInCluster) const pendingColor = t.palette.primary_300 diff --git a/src/screens/Messages/ConversationSettings.tsx b/src/screens/Messages/ConversationSettings.tsx index be0ee06a58..e63ccc3ef0 100644 --- a/src/screens/Messages/ConversationSettings.tsx +++ b/src/screens/Messages/ConversationSettings.tsx @@ -919,7 +919,6 @@ function SettingsHeader({ function SettingsHeaderPlaceholder() { const t = useTheme() - const {t: l} = useLingui() return ( @@ -928,7 +927,7 @@ function SettingsHeaderPlaceholder() { - {l`…`} + … - {l`…`} + … ) diff --git a/src/screens/Messages/components/MessageListError.tsx b/src/screens/Messages/components/MessageListError.tsx index 3b424cb395..b922ba6121 100644 --- a/src/screens/Messages/components/MessageListError.tsx +++ b/src/screens/Messages/components/MessageListError.tsx @@ -43,6 +43,7 @@ export function MessageListError({item}: {item: ConvoItem & {type: 'error'}}) { {description} {item.retry && ( <> + {' '} ·{' '}