link to user who created custom feed from preview

1 files changed, 8 insertions, 4 deletions

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