3 files changed, 22 insertions, 26 deletions
diff --git a/src/view/com/profile/ProfileFollowers.tsx b/src/view/com/profile/ProfileFollowers.tsx
index 30145e7b5..39affd9e0 100644
--- a/src/view/com/profile/ProfileFollowers.tsx
+++ b/src/view/com/profile/ProfileFollowers.tsx
@@ -1,13 +1,6 @@
 import React, {useState, useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {
-  ActivityIndicator,
-  FlatList,
-  Image,
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native'
+import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
 import {
   UserFollowersViewModel,
   FollowerItem,
@@ -78,18 +71,21 @@ export const ProfileFollowers = observer(function ProfileFollowers({
 
 const User = ({item}: {item: FollowerItem}) => {
   return (
-    <Link style={styles.outer} href={`/profile/${item.name}`} title={item.name}>
+    <Link
+      style={styles.outer}
+      href={`/profile/${item.handle}`}
+      title={item.handle}>
       <View style={styles.layout}>
         <View style={styles.layoutAvi}>
           <UserAvatar
             size={40}
             displayName={item.displayName}
-            name={item.name}
+            handle={item.handle}
           />
         </View>
         <View style={styles.layoutContent}>
           <Text style={[s.f15, s.bold]}>{item.displayName}</Text>
-          <Text style={[s.f14, s.gray5]}>@{item.name}</Text>
+          <Text style={[s.f14, s.gray5]}>@{item.handle}</Text>
         </View>
       </View>
     </Link>
diff --git a/src/view/com/profile/ProfileFollows.tsx b/src/view/com/profile/ProfileFollows.tsx
index 56a5371ba..d0619ba77 100644
--- a/src/view/com/profile/ProfileFollows.tsx
+++ b/src/view/com/profile/ProfileFollows.tsx
@@ -1,13 +1,6 @@
 import React, {useState, useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {
-  ActivityIndicator,
-  FlatList,
-  Image,
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native'
+import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
 import {
   UserFollowsViewModel,
   FollowItem,
@@ -78,18 +71,21 @@ export const ProfileFollows = observer(function ProfileFollows({
 
 const User = ({item}: {item: FollowItem}) => {
   return (
-    <Link style={styles.outer} href={`/profile/${item.name}`} title={item.name}>
+    <Link
+      style={styles.outer}
+      href={`/profile/${item.handle}`}
+      title={item.handle}>
       <View style={styles.layout}>
         <View style={styles.layoutAvi}>
           <UserAvatar
             size={40}
             displayName={item.displayName}
-            name={item.name}
+            handle={item.handle}
           />
         </View>
         <View style={styles.layoutContent}>
           <Text style={[s.f15, s.bold]}>{item.displayName}</Text>
-          <Text style={[s.f14, s.gray5]}>@{item.name}</Text>
+          <Text style={[s.f14, s.gray5]}>@{item.handle}</Text>
         </View>
       </View>
     </Link>
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index 6445e4a92..e1b46f4c9 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -35,7 +35,7 @@ export const ProfileHeader = observer(function ProfileHeader({
       () => {
         Toast.show(
           `${view.myState.follow ? 'Following' : 'No longer following'} ${
-            view.displayName || view.name
+            view.displayName || view.handle
           }`,
           {
             duration: Toast.durations.LONG,
@@ -53,10 +53,10 @@ export const ProfileHeader = observer(function ProfileHeader({
     // TODO
   }
   const onPressFollowers = () => {
-    store.nav.navigate(`/profile/${view.name}/followers`)
+    store.nav.navigate(`/profile/${view.handle}/followers`)
   }
   const onPressFollows = () => {
-    store.nav.navigate(`/profile/${view.name}/follows`)
+    store.nav.navigate(`/profile/${view.handle}/follows`)
   }
 
   // loading
@@ -95,7 +95,11 @@ export const ProfileHeader = observer(function ProfileHeader({
         </TouchableOpacity>
       ) : undefined}
       <View style={styles.avi}>
-        <UserAvatar size={80} displayName={view.displayName} name={view.name} />
+        <UserAvatar
+          size={80}
+          displayName={view.displayName}
+          handle={view.handle}
+        />
       </View>
       <View style={styles.content}>
         <View style={[styles.displayNameLine]}>