Various small fixes

src/lib/strings.ts

@@ -185,8 +185,8 @@ export function makeValidHandle(str: string): string {
 }
 
 export function createFullHandle(name: string, domain: string): string {
-  name = name.replace(/[\.]+$/, '')
-  domain = domain.replace(/^[\.]+/, '')
+  name = (name || '').replace(/[\.]+$/, '')
+  domain = (domain || '').replace(/^[\.]+/, '')
   return `${name}.${domain}`
 }
 

src/view/com/discover/SuggestedFollows.tsx

@@ -167,7 +167,9 @@ const User = ({
           {follow ? (
             <TouchableOpacity onPress={() => onPressUnfollow(item)}>
               <View style={[styles.btn, styles.secondaryBtn, pal.btn]}>
-                <Text style={[s.gray5, s.fw600, s.f15]}>Unfollow</Text>
+                <Text type="button" style={pal.text}>
+                  Unfollow
+                </Text>
               </View>
             </TouchableOpacity>
           ) : (

src/view/com/login/CreateAccount.tsx

@@ -288,7 +288,7 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
               <View style={styles.groupContent}>
                 <Text style={[s.white, s.p10]}>
                   Your full username will be{' '}
-                  <Text style={s.bold}>
+                  <Text style={[s.white, s.bold]}>
                     @{createFullHandle(handle, userDomain)}
                   </Text>
                 </Text>

src/view/com/util/Link.tsx

@@ -63,7 +63,7 @@ export const TextLink = observer(function Link({
   href,
   text,
 }: {
-  type: TypographyVariant
+  type?: TypographyVariant
   style?: StyleProp<TextStyle>
   href: string
   text: string

src/view/screens/Search.tsx

@@ -59,7 +59,7 @@ export const Search = ({navIdx, visible, params}: ScreenParams) => {
         <TextInput
           ref={textInput}
           placeholder="Type your query here..."
-          placeholderTextColor={pal.textLight}
+          placeholderTextColor={pal.colors.textLight}
           selectTextOnFocus
           returnKeyType="search"
           style={[pal.text, styles.input]}

src/view/shell/mobile/Menu.tsx

@@ -115,7 +115,7 @@ export const Menu = ({
             type="h3"
             style={[pal.text, styles.profileCardDisplayName]}
             numberOfLines={1}>
-            {store.me.displayName}
+            {store.me.displayName || store.me.handle}
           </Text>
           <Text
             style={[pal.textLight, styles.profileCardHandle]}