From 22142e2f8aa7d5eed8de1e520fd5ce825d2c63ca Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com>
Date: Tue, 13 Oct 2020 13:34:42 -0700
Subject: 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>
---
 src/components/profile/CaptionScreenHeader.tsx | 37 ++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/profile/CaptionScreenHeader.tsx

(limited to 'src/components/profile/CaptionScreenHeader.tsx')

diff --git a/src/components/profile/CaptionScreenHeader.tsx b/src/components/profile/CaptionScreenHeader.tsx
new file mode 100644
index 00000000..4715b4ef
--- /dev/null
+++ b/src/components/profile/CaptionScreenHeader.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import {Text, View, StyleSheet, ViewProps} from 'react-native';
+interface CaptionScreenHeaderProps extends ViewProps {
+  title: string;
+}
+const CaptionScreenHeader: React.FC<CaptionScreenHeaderProps> = ({
+  title,
+  style,
+}) => {
+  return (
+    <View style={[styles.container, style]}>
+      <View style={styles.headerContainer}>
+        <Text style={styles.header}>{title}</Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    height: 30,
+  },
+  headerContainer: {
+    position: 'absolute',
+    left: '50%',
+  },
+  header: {
+    position: 'relative',
+    right: '50%',
+    fontSize: 20,
+    fontWeight: 'bold',
+    color: 'white',
+  },
+});
+export default CaptionScreenHeader;
-- 
cgit v1.2.3-70-g09d2

