tweaks

src/components/StarterPack/ProfileStarterPacks.tsx

@@ -12,7 +12,7 @@ import {useLingui} from '@lingui/react'
 import {cleanError} from '#/lib/strings/errors'
 import {useTheme} from '#/lib/ThemeContext'
 import {logger} from '#/logger'
-import {isNative} from '#/platform/detection'
+import {isNative, isWeb} from '#/platform/detection'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useActorStarterPacksQuery} from 'state/queries/actor-starter-packs'
 import {usePreferencesQuery} from 'state/queries/preferences'
@@ -149,7 +149,7 @@ export const ProfileStarterPacks = React.forwardRef<
           <StarterPackCard
             starterPack={item}
             type="list"
-            hideTopBorder={index === 0}
+            hideTopBorder={!isWeb && index === 0}
           />
         )
       }

src/screens/StarterPack/Landing/index.tsx

@@ -148,7 +148,7 @@ function LandingScreenInner({
               <Trans>Join Bluesky now</Trans>
             </ButtonText>
           </Button>
-          {!!joinedWeekCount && joinedWeekCount >= -1 && (
+          {joinedWeekCount && joinedWeekCount >= 25 && (
             <Text
               style={[
                 a.font_bold,
@@ -156,7 +156,7 @@ function LandingScreenInner({
                 a.text_center,
                 t.atoms.text_contrast_medium,
               ]}>
-              180 joined this week!
+              {joinedWeekCount} joined this week!
             </Text>
           )}
           <Divider />

src/screens/StarterPack/Main/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import {Pressable, View} from 'react-native'
 import {AppBskyGraphDefs, AppBskyGraphStarterpack} from '@atproto/api'
-import {msg, Plural, Trans} from '@lingui/macro'
+import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useNavigation} from '@react-navigation/native'
 import {NativeStackScreenProps} from '@react-navigation/native-stack'
@@ -209,17 +209,14 @@ function Header({
       </ProfileSubpageHeader>
       <View style={[a.px_md, a.py_lg, a.gap_md]}>
         <Text style={[a.text_md]}>{record.description}</Text>
-        <Text style={[a.font_bold, a.text_md, t.atoms.text_contrast_medium]}>
+        {starterPack.joinedWeekCount && starterPack.joinedWeekCount >= 25 ? (
-          <Trans>
+          <Text style={[a.font_bold, a.text_md, t.atoms.text_contrast_medium]}>
-            {starterPack.joinedAllTimeCount || 0}{' '}
+            <Trans>
-            <Plural
+              {starterPack.joinedAllTimeCount || 0} people have used this
-              value={starterPack.joinedAllTimeCount || 0}
+              starter pack!
-              one="person has"
+            </Trans>
-              other="people have"
+          </Text>
-            />{' '}
+        ) : null}
-            joined this starter pack!
-          </Trans>
-        </Text>
       </View>
       <QrCodeDialog control={qrCodeDialogControl} starterPack={starterPack} />
     </>