Eric/profile feeds list (#2049)

* Fix profile feedgens view

* Fix profile lists view

* Translate

src/locale/locales/cs/messages.po

@@ -2182,6 +2182,9 @@ msgid "You have blocked the author or you have been blocked by the author."
 msgstr ""
 
 #: src/view/com/feeds/ProfileFeedgens.tsx:150
+msgid "You have no feeds."
+msgstr ""
+
 #: src/view/com/lists/MyLists.tsx:88
 #: src/view/com/lists/ProfileLists.tsx:154
 msgid "You have no lists."

src/locale/locales/en/messages.po

@@ -2182,6 +2182,9 @@ msgid "You have blocked the author or you have been blocked by the author."
 msgstr ""
 
 #: src/view/com/feeds/ProfileFeedgens.tsx:150
+msgid "You have no feeds."
+msgstr ""
+
 #: src/view/com/lists/MyLists.tsx:88
 #: src/view/com/lists/ProfileLists.tsx:154
 msgid "You have no lists."

src/locale/locales/es/messages.po

@@ -2182,6 +2182,9 @@ msgid "You have blocked the author or you have been blocked by the author."
 msgstr ""
 
 #: src/view/com/feeds/ProfileFeedgens.tsx:150
+msgid "You have no feeds."
+msgstr ""
+
 #: src/view/com/lists/MyLists.tsx:88
 #: src/view/com/lists/ProfileLists.tsx:154
 msgid "You have no lists."

src/locale/locales/fr/messages.po

@@ -2182,6 +2182,9 @@ msgid "You have blocked the author or you have been blocked by the author."
 msgstr ""
 
 #: src/view/com/feeds/ProfileFeedgens.tsx:150
+msgid "You have no feeds."
+msgstr ""
+
 #: src/view/com/lists/MyLists.tsx:88
 #: src/view/com/lists/ProfileLists.tsx:154
 msgid "You have no lists."

src/locale/locales/hi/messages.po

@@ -2174,6 +2174,9 @@ msgid "You have blocked the author or you have been blocked by the author."
 msgstr "आपने लेखक को अवरुद्ध किया है या आपने लेखक द्वारा अवरुद्ध किया है।।"
 
 #: src/view/com/feeds/ProfileFeedgens.tsx:150
+msgid "You have no feeds."
+msgstr ""
+
 #: src/view/com/lists/MyLists.tsx:88
 #: src/view/com/lists/ProfileLists.tsx:154
 msgid "You have no lists."

src/view/com/feeds/ProfileFeedgens.tsx

@@ -1,6 +1,5 @@
 import React, {MutableRefObject} from 'react'
 import {
-  ActivityIndicator,
   Dimensions,
   RefreshControl,
   StyleProp,
@@ -24,6 +23,7 @@ import {useAnimatedScrollHandler} from 'react-native-reanimated'
 import {useTheme} from '#/lib/ThemeContext'
 import {usePreferencesQuery} from '#/state/queries/preferences'
 import {hydrateFeedGenerator} from '#/state/queries/feed'
+import {FeedLoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
 
 const LOADING = {_reactKey: '__loading__'}
 const EMPTY = {_reactKey: '__empty__'}
@@ -147,7 +147,7 @@ export const ProfileFeedgens = React.forwardRef<
             testID="listsEmpty"
             style={[{padding: 18, borderTopWidth: 1}, pal.border]}>
             <Text style={pal.textLight}>
-              <Trans>You have no lists.</Trans>
+              <Trans>You have no feeds.</Trans>
             </Text>
           </View>
         )
@@ -163,11 +163,7 @@ export const ProfileFeedgens = React.forwardRef<
           />
         )
       } else if (item === LOADING) {
-        return (
+        return <FeedLoadingPlaceholder />
-          <View style={{padding: 20}}>
-            <ActivityIndicator />
-          </View>
-        )
       }
       if (preferences) {
         return (
@@ -175,6 +171,7 @@ export const ProfileFeedgens = React.forwardRef<
             feed={item}
             preferences={preferences}
             style={styles.item}
+            showLikes
           />
         )
       }
@@ -221,6 +218,5 @@ export const ProfileFeedgens = React.forwardRef<
 const styles = StyleSheet.create({
   item: {
     paddingHorizontal: 18,
-    paddingVertical: 4,
   },
 })

src/view/com/lists/ProfileLists.tsx

@@ -1,6 +1,5 @@
 import React, {MutableRefObject} from 'react'
 import {
-  ActivityIndicator,
   Dimensions,
   RefreshControl,
   StyleProp,
@@ -23,6 +22,7 @@ import {Trans} from '@lingui/macro'
 import {cleanError} from '#/lib/strings/errors'
 import {useAnimatedScrollHandler} from 'react-native-reanimated'
 import {useTheme} from '#/lib/ThemeContext'
+import {FeedLoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
 
 const LOADING = {_reactKey: '__loading__'}
 const EMPTY = {_reactKey: '__empty__'}
@@ -170,11 +170,7 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>(
             />
           )
         } else if (item === LOADING) {
-          return (
+          return <FeedLoadingPlaceholder />
-            <View style={{padding: 20}}>
-              <ActivityIndicator />
-            </View>
-          )
         }
         return (
           <ListCard
@@ -226,6 +222,5 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>(
 const styles = StyleSheet.create({
   item: {
     paddingHorizontal: 18,
-    paddingVertical: 4,
   },
 })