Various case and text fixes. (#757)

* Various case and text fixes.

* Update some labels per requested changes.

---------

Co-authored-by: Ansh <anshnanda10@gmail.com>

src/lib/labeling/const.ts

@@ -36,7 +36,7 @@ export const CONFIGURABLE_LABEL_GROUPS: Record<
   nsfw: {
     id: 'nsfw',
     title: 'Explicit Sexual Images',
-    subtitle: 'i.e. Pornography',
+    subtitle: 'i.e. pornography',
     warning: 'Sexually Explicit',
     values: ['porn', 'nsfl'],
     isAdultImagery: true,

src/view/com/auth/SplashScreen.tsx

@@ -43,7 +43,7 @@ export const SplashScreen = ({
               accessibilityRole="button"
               accessibilityLabel="Sign in"
               accessibilityHint="Opens flow to sign into your existing Bluesky account">
-              <Text style={[pal.text, styles.btnLabel]}>Sign in</Text>
+              <Text style={[pal.text, styles.btnLabel]}>Sign In</Text>
             </TouchableOpacity>
           </View>
         </ErrorBoundary>

src/view/com/auth/SplashScreen.web.tsx

@@ -56,7 +56,7 @@ export const SplashScreen = ({
               onPress={onPressSignin}
               // TODO: web accessibility
               accessibilityRole="button">
-              <Text style={[pal.text, styles.btnLabel]}>Sign in</Text>
+              <Text style={[pal.text, styles.btnLabel]}>Sign In</Text>
             </TouchableOpacity>
           </View>
           <Text

src/view/com/auth/create/Step3.tsx

@@ -19,7 +19,7 @@ export const Step3 = observer(({model}: {model: CreateAccountModel}) => {
         <TextInput
           testID="handleInput"
           icon="at"
-          placeholder="eg alice"
+          placeholder="e.g. alice"
           value={model.handle}
           editable
           onChange={model.setHandle}

src/view/com/modals/AddAppPasswords.tsx

@@ -184,9 +184,9 @@ export function Component({}: {}) {
         </Text>
       ) : (
         <Text type="xs" style={[pal.textLight, s.mb10, s.mt2]}>
-          Only contain letters, numbers, spaces, dashes, and underscores
+          Can only contain letters, numbers, spaces, dashes, and underscores.
-          allowed. Must be at least 4 characters long, but no more than 32
+          Must be at least 4 characters long, but no more than 32 characters
-          characters long.
+          long.
         </Text>
       )}
       <View style={styles.btnContainer}>

src/view/com/modals/ChangeHandle.tsx

@@ -148,7 +148,7 @@ export function Component({onChanged}: {onChanged: () => void}) {
           type="2xl-bold"
           style={[styles.titleMiddle, pal.text]}
           numberOfLines={1}>
-          Change handle
+          Change Handle
         </Text>
         <View style={styles.titleRight}>
           {isProcessing ? (
@@ -253,7 +253,7 @@ function ProvidedHandleForm({
         <TextInput
           testID="setHandleInput"
           style={[pal.text, styles.textInput]}
-          placeholder="eg alice"
+          placeholder="e.g. alice"
           placeholderTextColor={pal.colors.textLight}
           autoCapitalize="none"
           keyboardAppearance={theme.colorScheme}
@@ -371,7 +371,7 @@ function CustomHandleForm({
         <TextInput
           testID="setHandleInput"
           style={[pal.text, styles.textInput]}
-          placeholder="eg alice.com"
+          placeholder="e.g. alice.com"
           placeholderTextColor={pal.colors.textLight}
           autoCapitalize="none"
           keyboardAppearance={theme.colorScheme}

src/view/com/modals/CreateOrEditMuteList.tsx

@@ -157,7 +157,7 @@ export function Component({
             <TextInput
               testID="editNameInput"
               style={[styles.textInput, pal.border, pal.text]}
-              placeholder="e.g. Spammers"
+              placeholder="e.g. spammers"
               placeholderTextColor={colors.gray4}
               value={name}
               onChangeText={v => setName(enforceLen(v, MAX_NAME))}
@@ -174,7 +174,7 @@ export function Component({
             <TextInput
               testID="editDescriptionInput"
               style={[styles.textArea, pal.border, pal.text]}
-              placeholder="e.g. Users that repeatedly reply with ads."
+              placeholder="e.g. users that repeatedly reply with ads."
               placeholderTextColor={colors.gray4}
               keyboardAppearance={theme.colorScheme}
               multiline

src/view/com/modals/DeleteAccount.tsx

@@ -68,7 +68,7 @@ export function Component({}: {}) {
       <View style={[styles.innerContainer, pal.view]}>
         <View style={[styles.titleContainer, pal.view]}>
           <Text type="title-xl" style={[s.textCenter, pal.text]}>
-            Delete account
+            Delete Account
           </Text>
           <View style={[pal.view, s.flexRow]}>
             <Text type="title-xl" style={[pal.text, s.bold]}>
@@ -93,7 +93,7 @@ export function Component({}: {}) {
           <>
             <Text type="lg" style={[styles.description, pal.text]}>
               For security reasons, we'll need to send a confirmation code to
-              your email.
+              your email address.
             </Text>
             {error ? (
               <View style={s.mt10}>
@@ -121,7 +121,7 @@ export function Component({}: {}) {
                     end={{x: 1, y: 1}}
                     style={[styles.btn]}>
                     <Text type="button-lg" style={[s.white, s.bold]}>
-                      Send email
+                      Send Email
                     </Text>
                   </LinearGradient>
                 </TouchableOpacity>

src/view/com/modals/ListAddRemoveUser.tsx

@@ -157,7 +157,7 @@ export const Component = observer(
 
     return (
       <View testID="listAddRemoveUserModal" style={s.hContentRegion}>
-        <Text style={[styles.title, pal.text]}>Add {displayName} to lists</Text>
+        <Text style={[styles.title, pal.text]}>Add {displayName} to Lists</Text>
         <ListsList
           listsList={listsList}
           showAddBtns

src/view/com/modals/report/ReportAccount.tsx

@@ -126,7 +126,7 @@ const SelectIssue = ({
   return (
     <>
       <Text type="title-xl" style={[pal.text, styles.title]}>
-        Report account
+        Report Account
       </Text>
       <Text type="xl" style={[pal.text, styles.description]}>
         What is the issue with this account?

src/view/com/search/Suggestions.tsx

@@ -60,7 +60,7 @@ export const Suggestions = observer(
               {
                 _reactKey: '__popular_heading__',
                 type: 'heading',
-                title: 'In your network',
+                title: 'In Your Network',
               },
             ])
             .concat(
@@ -77,7 +77,7 @@ export const Suggestions = observer(
               {
                 _reactKey: '__suggested_heading__',
                 type: 'heading',
-                title: 'Suggested follows',
+                title: 'Suggested Follows',
               },
             ])
             .concat(

src/view/screens/SearchMobile.tsx

@@ -164,7 +164,7 @@ export const SearchScreen = withAuthRequired(
               ) : isInputFocused ? (
                 <View>
                   <Text style={[pal.textLight, styles.searchPrompt]}>
-                    Search for users on the network
+                    Search for users and posts on the network
                   </Text>
                 </View>
               ) : null}

src/view/screens/Settings.tsx

@@ -276,7 +276,7 @@ export const SettingsScreen = withAuthRequired(
           <View style={styles.spacer20} />
 
           <Text type="xl-bold" style={[pal.text, styles.heading]}>
-            Invite a friend
+            Invite a Friend
           </Text>
           <TouchableOpacity
             testID="inviteFriendBtn"
@@ -412,7 +412,7 @@ export const SettingsScreen = withAuthRequired(
           </TouchableOpacity>
           <View style={styles.spacer20} />
           <Text type="xl-bold" style={[pal.text, styles.heading]}>
-            Danger zone
+            Danger Zone
           </Text>
           <TouchableOpacity
             style={[pal.view, styles.linkCard]}
@@ -429,12 +429,12 @@ export const SettingsScreen = withAuthRequired(
               />
             </View>
             <Text type="lg" style={dangerText}>
-              Delete my account
+              Delete my account…
             </Text>
           </TouchableOpacity>
           <View style={styles.spacer20} />
           <Text type="xl-bold" style={[pal.text, styles.heading]}>
-            Developer tools
+            Developer Tools
           </Text>
           <Link
             style={[pal.view, styles.linkCardNoIcon]}