diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/moments/MomentUploadProgressBar.tsx | 14 | ||||
-rw-r--r-- | src/components/moments/index.ts | 1 | ||||
-rw-r--r-- | src/screens/profile/ProfileScreen.tsx | 5 |
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 /> </> |