link to user who created custom feed from preview

zio/stable
Ansh Nanda 2023-05-16 13:56:59 -07:00
parent 25a9013380
commit 58e9c30abe
1 changed files with 8 additions and 4 deletions

View File

@ -11,6 +11,7 @@ import {PostsFeedModel} from 'state/models/feeds/posts'
import {useCustomFeed} from 'view/com/algos/useCustomFeed' import {useCustomFeed} from 'view/com/algos/useCustomFeed'
import {withAuthRequired} from 'view/com/auth/withAuthRequired' import {withAuthRequired} from 'view/com/auth/withAuthRequired'
import {Feed} from 'view/com/posts/Feed' import {Feed} from 'view/com/posts/Feed'
import {Link} from 'view/com/util/Link'
import {UserAvatar} from 'view/com/util/UserAvatar' import {UserAvatar} from 'view/com/util/UserAvatar'
import {ViewHeader} from 'view/com/util/ViewHeader' import {ViewHeader} from 'view/com/util/ViewHeader'
import {Button} from 'view/com/util/forms/Button' import {Button} from 'view/com/util/forms/Button'
@ -48,9 +49,11 @@ export const CustomFeed = withAuthRequired(
size={30} size={30}
avatar={currentFeed?.data.creator.avatar} avatar={currentFeed?.data.creator.avatar}
/> />
<Link href={`/profile/${currentFeed?.data.creator.handle}`}>
<Text style={[pal.textLight]}> <Text style={[pal.textLight]}>
@{currentFeed?.data.creator.handle} @{currentFeed?.data.creator.handle}
</Text> </Text>
</Link>
</View> </View>
<Text style={[pal.text]}>{currentFeed?.data.description}</Text> <Text style={[pal.text]}>{currentFeed?.data.description}</Text>
</View> </View>
@ -109,7 +112,7 @@ export const CustomFeed = withAuthRequired(
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
height: '100%', paddingBottom: 12,
}, },
center: {alignItems: 'center', justifyContent: 'center', gap: 8}, center: {alignItems: 'center', justifyContent: 'center', gap: 8},
header: { header: {
@ -118,6 +121,7 @@ const styles = StyleSheet.create({
}, },
avatarContainer: { avatarContainer: {
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center',
gap: 8, gap: 8,
}, },
buttonsContainer: { buttonsContainer: {