diff options
| -rw-r--r-- | package.json | 1 | ||||
| -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 | ||||
| -rw-r--r-- | yarn.lock | 7 |
5 files changed, 26 insertions, 2 deletions
diff --git a/package.json b/package.json index a05b774b..79299a0b 100644 --- a/package.json +++ b/package.json @@ -56,6 +56,7 @@ "react-native-linear-gradient": "^2.5.6", "react-native-photo-manipulator": "^1.2.4", "react-native-picker-select": "^7.0.0", + "react-native-progress": "^5.0.0", "react-native-push-notifications": "^3.0.10", "react-native-reanimated": "2.0.0-rc.0", "react-native-safe-area-context": "^3.2.0", 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 /> </> @@ -7374,6 +7374,13 @@ react-native-picker-select@^7.0.0: dependencies: lodash.isequal "^4.5.0" +react-native-progress@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/react-native-progress/-/react-native-progress-5.0.0.tgz#f5ac6ceaeee27f184c660b00f29419e82a9d0ab0" + integrity sha512-KjnGIt3r9i5Kn2biOD9fXLJocf0bwxPRxOyAgXEnZTJQU2O+HyzgGFRCbM5h3izm9kKIkSc1txh8aGmMafCD9A== + dependencies: + prop-types "^15.7.2" + react-native-push-notifications@^3.0.10: version "3.0.10" resolved "https://registry.npmjs.org/react-native-push-notifications/-/react-native-push-notifications-3.0.10.tgz" |