zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Update to the latest APIs

Browse source
This commit is contained in:
Paul Frazee 2022-11-04 17:39:54 -05:00
parent 8ae6e67eea
commit f333a90fab
165 changed files with 2963 additions and 4747 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/view/com/profile/ProfileFollowers.tsx
View file

@ -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>

18
src/view/com/profile/ProfileFollows.tsx
View file

@ -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>

12
src/view/com/profile/ProfileHeader.tsx
View file

@ -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]}>