Various fixes (#2053)

* Fix invite code translations (plural api not availabe in ios)

* Speed up the composer animation a smidge

src/view/screens/Settings.tsx

@@ -33,7 +33,6 @@ import {useAccountSwitcher} from 'lib/hooks/useAccountSwitcher'
 import {useAnalytics} from 'lib/analytics/analytics'
 import {NavigationProp} from 'lib/routes/types'
 import {HandIcon, HashtagIcon} from 'lib/icons'
-import {formatCount} from 'view/com/util/numeric/format'
 import Clipboard from '@react-native-clipboard/clipboard'
 import {makeProfileLink} from 'lib/routes/links'
 import {AccountDropdownBtn} from 'view/com/util/AccountDropdownBtn'
@@ -66,7 +65,7 @@ import {clearLegacyStorage} from '#/state/persisted/legacy'
 // -prf
 import {useDebugHeaderSetting} from 'lib/api/debug-appview-proxy-header'
 import {STATUS_PAGE_URL} from 'lib/constants'
-import {Plural, Trans, msg} from '@lingui/macro'
+import {Trans, msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useQueryClient} from '@tanstack/react-query'
 import {useLoggedOutViewControls} from '#/state/shell/logged-out'
@@ -404,12 +403,10 @@ export function SettingsScreen({}: Props) {
                 Your invite codes are hidden when logged in using an App
                 Password
               </Trans>
+            ) : invitesAvailable === 1 ? (
+              <Trans>{invitesAvailable} invite code available</Trans>
             ) : (
-              <Plural
-                value={formatCount(invitesAvailable)}
-                one="# invite code available"
-                other="# invite codes available"
-              />
+              <Trans>{invitesAvailable} invite codes available</Trans>
             )}
           </Text>
         </TouchableOpacity>

src/view/shell/Composer.web.tsx

@@ -25,10 +25,10 @@ export function Composer({}: {winHeight: number}) {
       style={styles.mask}
       aria-modal
       accessibilityViewIsModal
-      entering={FadeIn.duration(150)}
+      entering={FadeIn.duration(100)}
       exiting={FadeOut}>
       <Animated.View
-        entering={FadeInDown.duration(200)}
+        entering={FadeInDown.duration(150)}
         exiting={FadeOut}
         style={[
           styles.container,

src/view/shell/Drawer.tsx

@@ -41,8 +41,8 @@ import {getTabState, TabState} from 'lib/routes/helpers'
 import {NavigationProp} from 'lib/routes/types'
 import {useNavigationTabState} from 'lib/hooks/useNavigationTabState'
 import {isWeb} from 'platform/detection'
-import {formatCount, formatCountShortOnly} from 'view/com/util/numeric/format'
-import {Plural, Trans, msg, plural} from '@lingui/macro'
+import {formatCountShortOnly} from 'view/com/util/numeric/format'
+import {Trans, msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useSetDrawerOpen} from '#/state/shell'
 import {useModalControls} from '#/state/modals'
@@ -500,12 +500,7 @@ function InviteCodes({style}: {style?: StyleProp<ViewStyle>}) {
       style={[styles.inviteCodes, style]}
       onPress={onPress}
       accessibilityRole="button"
-      accessibilityLabel={_(
-        plural(invitesAvailable, {
-          one: 'Invite codes: # available',
-          other: 'Invite codes: # available',
-        }),
-      )}
+      accessibilityLabel={_(msg`Invite codes: ${invitesAvailable} available`)}
       accessibilityHint={_(msg`Opens list of invite codes`)}
       disabled={invites?.disabled}>
       <FontAwesomeIcon
@@ -523,12 +518,10 @@ function InviteCodes({style}: {style?: StyleProp<ViewStyle>}) {
           <Trans>
             Your invite codes are hidden when logged in using an App Password
           </Trans>
+        ) : invitesAvailable === 1 ? (
+          <Trans>{invitesAvailable} invite code available</Trans>
         ) : (
-          <Plural
-            value={formatCount(invitesAvailable)}
-            one="# invite code available"
-            other="# invite codes available"
-          />
+          <Trans>{invitesAvailable} invite codes available</Trans>
         )}
       </Text>
     </TouchableOpacity>