An ATproto social media client -- with an independent Appview.
change chat settings icon to a gear icon (#8192)
authored by
Samuel Newman
and committed by
GitHub
2e73464f
f8bd8504
+16
-16
+16
-16
src/screens/Messages/ChatList.tsx
+16
-16
src/screens/Messages/ChatList.tsx
···
1
1
import {useCallback, useEffect, useMemo, useState} from 'react'
2
2
import {View} from 'react-native'
3
3
import {useAnimatedRef} from 'react-native-reanimated'
4
-
import {ChatBskyActorDefs, ChatBskyConvoDefs} from '@atproto/api'
4
+
import {type ChatBskyActorDefs, type ChatBskyConvoDefs} from '@atproto/api'
5
5
import {msg, Trans} from '@lingui/macro'
6
6
import {useLingui} from '@lingui/react'
7
7
import {useFocusEffect, useIsFocused} from '@react-navigation/native'
8
-
import {NativeStackScreenProps} from '@react-navigation/native-stack'
8
+
import {type NativeStackScreenProps} from '@react-navigation/native-stack'
9
9
10
10
import {useAppState} from '#/lib/hooks/useAppState'
11
11
import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender'
12
-
import {MessagesTabNavigatorParams} from '#/lib/routes/types'
12
+
import {type MessagesTabNavigatorParams} from '#/lib/routes/types'
13
13
import {cleanError} from '#/lib/strings/errors'
14
14
import {logger} from '#/logger'
15
15
import {isNative} from '#/platform/detection'
···
19
19
import {useLeftConvos} from '#/state/queries/messages/leave-conversation'
20
20
import {useListConvosQuery} from '#/state/queries/messages/list-conversations'
21
21
import {useSession} from '#/state/session'
22
-
import {List, ListRef} from '#/view/com/util/List'
22
+
import {List, type ListRef} from '#/view/com/util/List'
23
23
import {ChatListLoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
24
24
import {atoms as a, useBreakpoints, useTheme} from '#/alf'
25
25
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
26
-
import {DialogControlProps, useDialogControl} from '#/components/Dialog'
26
+
import {type DialogControlProps, useDialogControl} from '#/components/Dialog'
27
27
import {NewChat} from '#/components/dms/dialogs/NewChatDialog'
28
28
import {useRefreshOnFocus} from '#/components/hooks/useRefreshOnFocus'
29
-
import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as Retry} from '#/components/icons/ArrowRotateCounterClockwise'
30
-
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
31
-
import {Message_Stroke2_Corner0_Rounded as Message} from '#/components/icons/Message'
32
-
import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
33
-
import {SettingsSliderVertical_Stroke2_Corner0_Rounded as SettingsSlider} from '#/components/icons/SettingsSlider'
29
+
import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as RetryIcon} from '#/components/icons/ArrowRotateCounterClockwise'
30
+
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfoIcon} from '#/components/icons/CircleInfo'
31
+
import {Message_Stroke2_Corner0_Rounded as MessageIcon} from '#/components/icons/Message'
32
+
import {PlusLarge_Stroke2_Corner0_Rounded as PlusIcon} from '#/components/icons/Plus'
33
+
import {SettingsGear2_Stroke2_Corner0_Rounded as SettingsIcon} from '#/components/icons/SettingsGear2'
34
34
import * as Layout from '#/components/Layout'
35
35
import {Link} from '#/components/Link'
36
36
import {ListFooter} from '#/components/Lists'
···
223
223
{isError ? (
224
224
<>
225
225
<View style={[a.pt_3xl, a.align_center]}>
226
-
<CircleInfo
226
+
<CircleInfoIcon
227
227
width={48}
228
228
fill={t.atoms.text_contrast_low.color}
229
229
/>
···
252
252
<ButtonText>
253
253
<Trans>Retry</Trans>
254
254
</ButtonText>
255
-
<ButtonIcon icon={Retry} position="right" />
255
+
<ButtonIcon icon={RetryIcon} position="right" />
256
256
</Button>
257
257
</View>
258
258
</>
259
259
) : (
260
260
<>
261
261
<View style={[a.pt_3xl, a.align_center]}>
262
-
<Message width={48} fill={t.palette.primary_500} />
262
+
<MessageIcon width={48} fill={t.palette.primary_500} />
263
263
<Text style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_bold]}>
264
264
<Trans>Nothing here</Trans>
265
265
</Text>
···
329
329
size="small"
330
330
variant="ghost"
331
331
color="secondary"
332
-
shape="square"
332
+
shape="round"
333
333
style={[a.justify_center]}>
334
-
<ButtonIcon icon={SettingsSlider} size="md" />
334
+
<ButtonIcon icon={SettingsIcon} size="lg" />
335
335
</Link>
336
336
)
337
337
···
353
353
size="small"
354
354
variant="solid"
355
355
onPress={newChatControl.open}>
356
-
<ButtonIcon icon={Plus} position="left" />
356
+
<ButtonIcon icon={PlusIcon} position="left" />
357
357
<ButtonText>
358
358
<Trans>New chat</Trans>
359
359
</ButtonText>