aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/moments/MomentUploadProgressBar.tsx14
-rw-r--r--src/components/moments/index.ts1
-rw-r--r--src/screens/profile/ProfileScreen.tsx5
3 files changed, 18 insertions, 2 deletions
diff --git a/src/components/moments/MomentUploadProgressBar.tsx b/src/components/moments/MomentUploadProgressBar.tsx
new file mode 100644
index 00000000..1dee4185
--- /dev/null
+++ b/src/components/moments/MomentUploadProgressBar.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import {StyleSheet} from 'react-native';
+import * as Progress from 'react-native-progress';
+
+interface MomentUploadProgressBarProps {}
+
+const MomentUploadProgressBar: React.FC<MomentUploadProgressBarProps> =
+ ({}) => {
+ return <Progress.Bar progress={0.3} width={200} />;
+ };
+
+const styles = StyleSheet.create({});
+
+export default MomentUploadProgressBar;
diff --git a/src/components/moments/index.ts b/src/components/moments/index.ts
index 16c9aed2..3f33ec53 100644
--- a/src/components/moments/index.ts
+++ b/src/components/moments/index.ts
@@ -5,3 +5,4 @@ export {default as TagFriendsFooter} from './TagFriendsFoooter';
export {default as MomentPost} from './MomentPost';
export {default as TaggedUsersDrawer} from './TaggedUsersDrawer';
export {default as TrimmerPlayer} from './TrimmerPlayer';
+export {default as MomentUploadProgressBar} from './MomentUploadProgressBar';
diff --git a/src/screens/profile/ProfileScreen.tsx b/src/screens/profile/ProfileScreen.tsx
index 3dd142e1..f8e50af1 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, TabsGradient} from '../../components';
-import {RouteProp} from '@react-navigation/native';
+import {Content, MomentUploadProgressBar, TabsGradient} from '../../components';
import {MainStackParams} from '../../routes/';
import {visitedUserProfile} from '../../services';
@@ -24,6 +24,7 @@ const ProfileScreen: React.FC<ProfileOnboardingProps> = ({route}) => {
return (
<>
<StatusBar barStyle="dark-content" />
+ <MomentUploadProgressBar />
<Content {...{userXId, screenType}} />
<TabsGradient />
</>