diff --git a/public/img/alice.jpg b/public/img/alice.jpg
deleted file mode 100644
index 0ab5cbe9ec..0000000000
Binary files a/public/img/alice.jpg and /dev/null differ
diff --git a/public/img/bob.jpg b/public/img/bob.jpg
deleted file mode 100644
index 8bf010b833..0000000000
Binary files a/public/img/bob.jpg and /dev/null differ
diff --git a/public/img/carla.jpg b/public/img/carla.jpg
deleted file mode 100644
index 2bf577f3f0..0000000000
Binary files a/public/img/carla.jpg and /dev/null differ
diff --git a/public/img/default-avatar.jpg b/public/img/default-avatar.jpg
new file mode 100644
index 0000000000..ab141651e7
Binary files /dev/null and b/public/img/default-avatar.jpg differ
diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx
index 795c13dfb0..1eca3806f6 100644
--- a/src/view/com/notifications/FeedItem.tsx
+++ b/src/view/com/notifications/FeedItem.tsx
@@ -6,7 +6,7 @@ import {FontAwesomeIcon, Props} from '@fortawesome/react-native-fontawesome'
import {NotificationsViewItemModel} from '../../../state/models/notifications-view'
import {s, colors} from '../../lib/styles'
import {ago} from '../../lib/strings'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
import {PostText} from '../post/PostText'
import {Post} from '../post/Post'
import {Link} from '../util/Link'
@@ -62,10 +62,7 @@ export const FeedItem = observer(function FeedItem({
-
+
diff --git a/src/view/com/post-thread/PostLikedBy.tsx b/src/view/com/post-thread/PostLikedBy.tsx
index bfaa521372..fbeb52eea4 100644
--- a/src/view/com/post-thread/PostLikedBy.tsx
+++ b/src/view/com/post-thread/PostLikedBy.tsx
@@ -16,7 +16,7 @@ import {
import {Link} from '../util/Link'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
export const PostLikedBy = observer(function PostLikedBy({uri}: {uri: string}) {
const store = useStores()
@@ -78,10 +78,7 @@ const LikedByItem = ({item}: {item: LikedByViewItemModel}) => {
-
+
{item.displayName}
diff --git a/src/view/com/post-thread/PostRepostedBy.tsx b/src/view/com/post-thread/PostRepostedBy.tsx
index 1da76da54b..6ffe3a2c4c 100644
--- a/src/view/com/post-thread/PostRepostedBy.tsx
+++ b/src/view/com/post-thread/PostRepostedBy.tsx
@@ -6,7 +6,6 @@ import {
Image,
StyleSheet,
Text,
- TouchableOpacity,
View,
} from 'react-native'
import {
@@ -16,7 +15,7 @@ import {
import {Link} from '../util/Link'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
export const PostRepostedBy = observer(function PostRepostedBy({
uri,
@@ -84,10 +83,7 @@ const RepostedByItem = ({item}: {item: RepostedByViewItemModel}) => {
-
+
{item.displayName}
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index ebc81d8873..8a2034cc68 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -10,7 +10,7 @@ import {Link} from '../util/Link'
import {PostDropdownBtn} from '../util/DropdownBtn'
import {s, colors} from '../../lib/styles'
import {ago, pluralize} from '../../lib/strings'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
import {useStores} from '../../../state'
export const PostThreadItem = observer(function PostThreadItem({
@@ -105,10 +105,7 @@ export const PostThreadItem = observer(function PostThreadItem({
-
+
@@ -190,10 +187,7 @@ export const PostThreadItem = observer(function PostThreadItem({
-
+
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index 2a9cb71fc9..cdf938d22d 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -17,7 +17,7 @@ import {Link} from '../util/Link'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
import {ago} from '../../lib/strings'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
export const Post = observer(function Post({uri}: {uri: string}) {
const store = useStores()
@@ -82,10 +82,7 @@ export const Post = observer(function Post({uri}: {uri: string}) {
-
+
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 31554839fb..684b261a8e 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -10,7 +10,7 @@ import {Link} from '../util/Link'
import {PostDropdownBtn} from '../util/DropdownBtn'
import {s, colors} from '../../lib/styles'
import {ago} from '../../lib/strings'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
import {useStores} from '../../../state'
export const FeedItem = observer(function FeedItem({
@@ -59,10 +59,7 @@ export const FeedItem = observer(function FeedItem({
style={styles.layoutAvi}
href={authorHref}
title={item.author.name}>
-
+
diff --git a/src/view/com/profile/ProfileFollowers.tsx b/src/view/com/profile/ProfileFollowers.tsx
index e6ad30d7fa..24f28f6457 100644
--- a/src/view/com/profile/ProfileFollowers.tsx
+++ b/src/view/com/profile/ProfileFollowers.tsx
@@ -15,7 +15,7 @@ import {
import {Link} from '../util/Link'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
export const ProfileFollowers = observer(function ProfileFollowers({
name,
@@ -81,10 +81,7 @@ const User = ({item}: {item: FollowerItem}) => {
-
+
{item.displayName}
diff --git a/src/view/com/profile/ProfileFollows.tsx b/src/view/com/profile/ProfileFollows.tsx
index 83ada4b776..719765edf9 100644
--- a/src/view/com/profile/ProfileFollows.tsx
+++ b/src/view/com/profile/ProfileFollows.tsx
@@ -6,7 +6,6 @@ import {
Image,
StyleSheet,
Text,
- TouchableOpacity,
View,
} from 'react-native'
import {
@@ -16,7 +15,7 @@ import {
import {useStores} from '../../../state'
import {Link} from '../util/Link'
import {s, colors} from '../../lib/styles'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
export const ProfileFollows = observer(function ProfileFollows({
name,
@@ -82,10 +81,7 @@ const User = ({item}: {item: FollowItem}) => {
-
+
{item.displayName}
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index 8b30e0f922..fab26bd579 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -15,7 +15,7 @@ import {useStores} from '../../../state'
import {EditProfileModel} from '../../../state/models/shell'
import {pluralize} from '../../lib/strings'
import {s, gradients, colors} from '../../lib/styles'
-import {AVIS, BANNER} from '../../lib/assets'
+import {DEF_AVATER, BANNER} from '../../lib/assets'
import Toast from '../util/Toast'
import {Link} from '../util/Link'
@@ -81,10 +81,7 @@ export const ProfileHeader = observer(function ProfileHeader({
return (
-
+
{view.displayName}
diff --git a/src/view/lib/assets.native.ts b/src/view/lib/assets.native.ts
index e0e027ad72..23d959534a 100644
--- a/src/view/lib/assets.native.ts
+++ b/src/view/lib/assets.native.ts
@@ -1,9 +1,4 @@
import {ImageSourcePropType} from 'react-native'
-export const AVIS: Record = {
- 'alice.test': require('../../../public/img/alice.jpg'),
- 'bob.test': require('../../../public/img/bob.jpg'),
- 'carol.test': require('../../../public/img/carla.jpg'),
-}
-
+export const DEF_AVATER: ImageSourcePropType = require('../../../public/img/default-avatar.jpg')
export const BANNER: ImageSourcePropType = require('../../../public/img/banner.jpg')
diff --git a/src/view/lib/assets.ts b/src/view/lib/assets.ts
index 957348eca3..cbbfe791ff 100644
--- a/src/view/lib/assets.ts
+++ b/src/view/lib/assets.ts
@@ -1,9 +1,4 @@
import {ImageSourcePropType} from 'react-native'
-export const AVIS: Record = {
- 'alice.test': {uri: '/img/alice.jpg'},
- 'bob.test': {uri: '/img/bob.jpg'},
- 'carol.test': {uri: '/img/carla.jpg'},
-}
-
+export const DEF_AVATER: ImageSourcePropType = {uri: '/img/default-avatar.jpg'}
export const BANNER: ImageSourcePropType = {uri: '/img/banner.jpg'}
diff --git a/src/view/shell/mobile/accounts-menu.tsx b/src/view/shell/mobile/accounts-menu.tsx
index b4b5386038..ec0e6bf409 100644
--- a/src/view/shell/mobile/accounts-menu.tsx
+++ b/src/view/shell/mobile/accounts-menu.tsx
@@ -9,7 +9,7 @@ import {
} from 'react-native'
import RootSiblings from 'react-native-root-siblings'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {AVIS} from '../../lib/assets'
+import {DEF_AVATER} from '../../lib/assets'
import {s, colors} from '../../lib/styles'
export function createAccountsMenu({
@@ -34,7 +34,7 @@ export function createAccountsMenu({
onPressItem(0)}>
-
+
Alice
icon === 'house'
const SWIPE_GESTURE_DIST_TRIGGER = 0.5
@@ -186,7 +186,7 @@ export const MobileShell: React.FC = observer(() => {
-
+