Made progress bar non-stick to top

2 files changed, 3 insertions, 2 deletions

diff --git a/src/components/profile/Content.tsx b/src/components/profile/Content.tsx
index 2d1002dd..9edd890d 100644
--- a/src/components/profile/Content.tsx
+++ b/src/components/profile/Content.tsx
@@ -6,6 +6,7 @@ import Animated, {
   useSharedValue,
 } from 'react-native-reanimated';
 import {useDispatch, useSelector, useStore} from 'react-redux';
+import {MomentUploadProgressBar} from '..';
 import {
   blockUnblockUser,
   loadFriendsData,
@@ -140,6 +141,7 @@ const Content: React.FC<ContentProps> = ({userXId, screenType}) => {
       refreshControl={
         <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
       }>
+      {!userXId && <MomentUploadProgressBar />}
       <Cover {...{userXId, screenType}} />
       <ProfileCutout />
       <ProfileHeader
diff --git a/src/screens/profile/ProfileScreen.tsx b/src/screens/profile/ProfileScreen.tsx
index f8e50af1..09b70cd3 100644
--- a/src/screens/profile/ProfileScreen.tsx
+++ b/src/screens/profile/ProfileScreen.tsx
@@ -1,7 +1,7 @@
 import {RouteProp} from '@react-navigation/native';
 import React, {useEffect} from 'react';
 import {StatusBar} from 'react-native';
-import {Content, MomentUploadProgressBar, TabsGradient} from '../../components';
+import {Content, TabsGradient} from '../../components';
 import {MainStackParams} from '../../routes/';
 import {visitedUserProfile} from '../../services';
 
@@ -24,7 +24,6 @@ const ProfileScreen: React.FC<ProfileOnboardingProps> = ({route}) => {
   return (
     <>
       <StatusBar barStyle="dark-content" />
-      <MomentUploadProgressBar />
       <Content {...{userXId, screenType}} />
       <TabsGradient />
     </>