TMA - 232 Create caption screen with image picker (#53)

* Added image picture functionality

* Created caption screen and uploads to moments endpoint consisting of the picture and caption only

Co-authored-by: Husam Salhab <47015061+hsalhab@users.noreply.github.com>

2 files changed, 3 insertions, 1 deletions

diff --git a/src/routes/profile/Profile.tsx b/src/routes/profile/Profile.tsx
index caa75f3b..eaf5f3aa 100644
--- a/src/routes/profile/Profile.tsx
+++ b/src/routes/profile/Profile.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import {AvatarTitle} from '../../components';
-import {ProfileScreen, SocialMediaTaggs} from '../../screens';
+import {ProfileScreen, CaptionScreen, SocialMediaTaggs} from '../../screens';
 import {ProfileStack} from './ProfileStack';
 
 const Profile: React.FC = () => {
@@ -20,6 +20,7 @@ const Profile: React.FC = () => {
           headerTitle: () => <AvatarTitle />,
         }}
       />
+      <ProfileStack.Screen name="CaptionScreen" component={CaptionScreen} />
     </ProfileStack.Navigator>
   );
 };
diff --git a/src/routes/profile/ProfileStack.tsx b/src/routes/profile/ProfileStack.tsx
index 9a39aa97..c1da67c1 100644
--- a/src/routes/profile/ProfileStack.tsx
+++ b/src/routes/profile/ProfileStack.tsx
@@ -6,6 +6,7 @@ export type ProfileStackParams = {
     socialMediaType: string;
     socialMediaHandle: string;
   };
+  CaptionScreen: {title: string; image: object};
 };
 
 export const ProfileStack = createStackNavigator<ProfileStackParams>();