robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Rework variable naming, logic for rendering chat requests (#8737)
hailey.at
+26
-30
src/screens/Messages/ChatList.tsx
+26
-30
src/screens/Messages/ChatList.tsx
···
55
function renderItem({item}: {item: ListItem}) {
56
switch (item.type) {
57
case 'INBOX':
58
-
return <InboxPreview count={item.count} profiles={item.profiles} />
59
case 'CONVERSATION':
60
return <ChatListItem convo={item.conversation} />
61
}
···
140
141
const leftConvos = useLeftConvos()
142
143
-
const inboxPreviewConvos = useMemo(() => {
144
-
const inbox =
145
-
inboxData?.pages
146
-
.flatMap(page => page.convos)
147
-
.filter(
148
-
convo =>
149
-
!leftConvos.includes(convo.id) &&
150
-
!convo.muted &&
151
-
convo.unreadCount > 0 &&
152
-
convo.members.every(member => member.handle !== 'missing.invalid'),
153
-
) ?? []
154
155
-
return inbox
156
-
.map(x => x.members.find(y => y.did !== currentAccount?.did))
157
-
.filter(x => !!x)
158
-
}, [inboxData, leftConvos, currentAccount?.did])
159
160
const conversations = useMemo(() => {
161
if (data?.pages) {
···
163
.flatMap(page => page.convos)
164
// filter out convos that are actively being left
165
.filter(convo => !leftConvos.includes(convo.id))
166
-
167
-
const hasInboxRequests = inboxPreviewConvos?.length > 0
168
169
return [
170
-
...(hasInboxRequests
171
? [
172
{
173
type: 'INBOX' as const,
174
-
count: inboxPreviewConvos.length,
175
-
profiles: inboxPreviewConvos.slice(0, 3),
176
},
177
]
178
: []),
···
182
] satisfies ListItem[]
183
}
184
return []
185
-
}, [data, leftConvos, inboxPreviewConvos])
186
187
const onRefresh = useCallback(async () => {
188
setIsPTRing(true)
···
231
232
// NOTE(APiligrim)
233
// Show empty state only if there are no conversations at all
234
-
const actualConversations = conversations.filter(
235
item => item.type === 'CONVERSATION',
236
)
237
-
const hasInboxRequests = inboxPreviewConvos?.length > 0
238
239
-
if (actualConversations.length === 0) {
240
return (
241
<Layout.Screen>
242
<Header newChatControl={newChatControl} />
243
<Layout.Center>
244
-
{hasInboxRequests && (
245
-
<InboxPreview
246
-
count={inboxPreviewConvos.length}
247
-
profiles={inboxPreviewConvos}
248
-
/>
249
)}
250
{isLoading ? (
251
<ChatListLoadingPlaceholder />
···
55
function renderItem({item}: {item: ListItem}) {
56
switch (item.type) {
57
case 'INBOX':
58
+
return <InboxPreview profiles={item.profiles} />
59
case 'CONVERSATION':
60
return <ChatListItem convo={item.conversation} />
61
}
···
140
141
const leftConvos = useLeftConvos()
142
143
+
const inboxAllConvos =
144
+
inboxData?.pages
145
+
.flatMap(page => page.convos)
146
+
.filter(
147
+
convo =>
148
+
!leftConvos.includes(convo.id) &&
149
+
!convo.muted &&
150
+
convo.members.every(member => member.handle !== 'missing.invalid'),
151
+
) ?? []
152
+
const hasInboxConvos = inboxAllConvos?.length > 0
153
154
+
const inboxUnreadConvos = inboxAllConvos.filter(
155
+
convo => convo.unreadCount > 0,
156
+
)
157
+
158
+
const inboxUnreadConvoMembers = inboxUnreadConvos
159
+
.map(x => x.members.find(y => y.did !== currentAccount?.did))
160
+
.filter(x => !!x)
161
162
const conversations = useMemo(() => {
163
if (data?.pages) {
···
165
.flatMap(page => page.convos)
166
// filter out convos that are actively being left
167
.filter(convo => !leftConvos.includes(convo.id))
168
169
return [
170
+
...(hasInboxConvos
171
? [
172
{
173
type: 'INBOX' as const,
174
+
count: inboxUnreadConvoMembers.length,
175
+
profiles: inboxUnreadConvoMembers.slice(0, 3),
176
},
177
]
178
: []),
···
182
] satisfies ListItem[]
183
}
184
return []
185
+
}, [data, leftConvos, hasInboxConvos, inboxUnreadConvoMembers])
186
187
const onRefresh = useCallback(async () => {
188
setIsPTRing(true)
···
231
232
// NOTE(APiligrim)
233
// Show empty state only if there are no conversations at all
234
+
const activeConversations = conversations.filter(
235
item => item.type === 'CONVERSATION',
236
)
237
238
+
if (activeConversations.length === 0) {
239
return (
240
<Layout.Screen>
241
<Header newChatControl={newChatControl} />
242
<Layout.Center>
243
+
{!isLoading && hasInboxConvos && (
244
+
<InboxPreview profiles={inboxUnreadConvoMembers} />
245
)}
246
{isLoading ? (
247
<ChatListLoadingPlaceholder />
+2
-4
src/screens/Messages/components/InboxPreview.tsx
+2
-4
src/screens/Messages/components/InboxPreview.tsx
···
1
import {View} from 'react-native'
2
-
import {ChatBskyActorDefs} from '@atproto/api'
3
import {msg, Trans} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
···
12
13
export function InboxPreview({
14
profiles,
15
-
}: // count,
16
-
{
17
profiles: ChatBskyActorDefs.ProfileViewBasic[]
18
-
count: number
19
}) {
20
const {_} = useLingui()
21
const t = useTheme()
···
1
import {View} from 'react-native'
2
+
import {type ChatBskyActorDefs} from '@atproto/api'
3
import {msg, Trans} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
···
12
13
export function InboxPreview({
14
profiles,
15
+
}: {
16
profiles: ChatBskyActorDefs.ProfileViewBasic[]
17
}) {
18
const {_} = useLingui()
19
const t = useTheme()