From 7d57106ae614e42ea1d7d871a098e0acefc83762 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 20 Jul 2021 16:07:36 -0400
Subject: Add progress bar library, Add placeholder component

---
 src/components/moments/MomentUploadProgressBar.tsx | 14 ++++++++++++++
 src/components/moments/index.ts                    |  1 +
 src/screens/profile/ProfileScreen.tsx              |  5 +++--
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 src/components/moments/MomentUploadProgressBar.tsx

(limited to 'src')

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 />
     </>
-- 
cgit v1.2.3-70-g09d2