1 files changed, 16 insertions, 9 deletions
diff --git a/src/components/profile/Content.tsx b/src/components/profile/Content.tsx
index 206fd9e4..a3b9e74a 100644
--- a/src/components/profile/Content.tsx
+++ b/src/components/profile/Content.tsx
@@ -1,19 +1,18 @@
 import React, {useState} from 'react';
-import {StyleSheet, LayoutChangeEvent} from 'react-native';
+import {LayoutChangeEvent, StyleSheet, View} from 'react-native';
 import Animated from 'react-native-reanimated';
-
-import {UserType} from '../../types';
+import {defaultMoments} from '../../constants';
+import {SCREEN_HEIGHT} from '../../utils';
+import TaggsBar from '../taggs/TaggsBar';
+import Moment from './Moment';
+import ProfileBody from './ProfileBody';
 import ProfileCutout from './ProfileCutout';
 import ProfileHeader from './ProfileHeader';
-import ProfileBody from './ProfileBody';
-import TaggsBar from '../taggs/TaggsBar';
-import Feed from './Feed';
 
 interface ContentProps {
   y: Animated.Value<number>;
-  user: UserType;
 }
-const Content: React.FC<ContentProps> = ({y, user}) => {
+const Content: React.FC<ContentProps> = ({y}) => {
   const [profileBodyHeight, setProfileBodyHeight] = useState(0);
   const onLayout = (e: LayoutChangeEvent) => {
     const {height} = e.nativeEvent.layout;
@@ -31,7 +30,11 @@ const Content: React.FC<ContentProps> = ({y, user}) => {
       </ProfileCutout>
       <ProfileBody {...{onLayout}} />
       <TaggsBar {...{y, profileBodyHeight}} />
-      <Feed {...{user}} />
+      <View style={styles.momentsContainer}>
+        {defaultMoments.map((title, index) => (
+          <Moment key={index} title={title} images={[]} />
+        ))}
+      </View>
     </Animated.ScrollView>
   );
 };
@@ -40,6 +43,10 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
+  momentsContainer: {
+    backgroundColor: '#f2f2f2',
+    paddingBottom: SCREEN_HEIGHT / 10,
+  },
 });
 
 export default Content;