diff options
| author | Eric Bailey <git@esb.lol> | 2023-11-16 10:40:31 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-16 08:40:31 -0800 |
| commit | e6efeea7c07682c981998483bd49d7c01822911e (patch) | |
| tree | 0da4d0b8ba03648fe8ceaef92d8d53ef4cc9fd9d /src/view/screens/Settings.tsx | |
| parent | 8a1fd160e6a1f9beeb735bb2320c12e5e71963d6 (diff) | |
| download | voidsky-e6efeea7c07682c981998483bd49d7c01822911e.tar.zst | |
Refactor invites modal (#1930)
* Refactor invites modal * Replace in drawer * Delete stuff from me model
Diffstat (limited to 'src/view/screens/Settings.tsx')
| -rw-r--r-- | src/view/screens/Settings.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/view/screens/Settings.tsx b/src/view/screens/Settings.tsx index baad2227b..3f7ef146a 100644 --- a/src/view/screens/Settings.tsx +++ b/src/view/screens/Settings.tsx @@ -60,6 +60,7 @@ import { import {useSession, useSessionApi, SessionAccount} from '#/state/session' import {useProfileQuery} from '#/state/queries/profile' import {useClearPreferencesMutation} from '#/state/queries/preferences' +import {useInviteCodesQuery} from '#/state/queries/invites' // TEMPORARY (APP-700) // remove after backend testing finishes @@ -155,6 +156,8 @@ export const SettingsScreen = withAuthRequired( const {isSwitchingAccounts, accounts, currentAccount} = useSession() const {clearCurrentAccount} = useSessionApi() const {mutate: clearPreferences} = useClearPreferencesMutation() + const {data: invites} = useInviteCodesQuery() + const invitesAvailable = invites?.available?.length ?? 0 const primaryBg = useCustomPalette<ViewStyle>({ light: {backgroundColor: colors.blue0}, @@ -362,6 +365,7 @@ export const SettingsScreen = withAuthRequired( <Text type="xl-bold" style={[pal.text, styles.heading]}> <Trans>Invite a Friend</Trans> </Text> + <TouchableOpacity testID="inviteFriendBtn" style={[ @@ -376,22 +380,20 @@ export const SettingsScreen = withAuthRequired( <View style={[ styles.iconContainer, - store.me.invitesAvailable > 0 ? primaryBg : pal.btn, + invitesAvailable > 0 ? primaryBg : pal.btn, ]}> <FontAwesomeIcon icon="ticket" style={ - (store.me.invitesAvailable > 0 + (invitesAvailable > 0 ? primaryText : pal.text) as FontAwesomeIconStyle } /> </View> - <Text - type="lg" - style={store.me.invitesAvailable > 0 ? pal.link : pal.text}> - {formatCount(store.me.invitesAvailable)} invite{' '} - {pluralize(store.me.invitesAvailable, 'code')} available + <Text type="lg" style={invitesAvailable > 0 ? pal.link : pal.text}> + {formatCount(invitesAvailable)} invite{' '} + {pluralize(invitesAvailable, 'code')} available </Text> </TouchableOpacity> |