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(() => { - +