Bumped up version for release 1.0.5, updated UI on add screen image a…

…nd updated documentation

Signed-off-by: sarthakpranesh <sarthak.pranesh2018@vitstudent.ac.in>

android/app/build.gradle

@@ -134,7 +134,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
-        versionName "1.0.4"
+        versionName "1.0.5"
         multiDexEnabled true
     }
     splits {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmos",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

readme.md

@@ -36,6 +36,8 @@ Latest Release: [Cosmos](https://github.com/sarthakpranesh/cosmos.ReactNative/re
 |Comments |Click the message/comment icon on the right of the post and start a discussion |Reactions sometime aren't able to disclose what an individual might have to share with others on the topic, hence they can leave a comment let other know what they feel or want to share |
 |Cartoon Friends |They help the user get started with the app and provide valuable information in a cute and innovative manner |Error, inactivity or onboarding information might get very boring for the end user at times. Cartoon friends help the user stay involved and pass this required message to the user. |
 |Minimal Notification |You get notifications from default |All new posts in a current box give notifications  |
+|Sharing Api   |Click the share button on posts    |Showcases multiple options to the user for sharing their post links with different platforms or people   |
+|Deep linking   |Share Cosmos post links on your other social media handles     |It allows the user to share links to posts on Cosmos to other platforms, and these links when pressed are handled by the Cosmos app   |
 
 <br/>
 
@@ -44,9 +46,7 @@ Review the `Latest Build` and let us know where we can improve, see future plans
 
 |Feature Gist           |How to!            |Helps With         | 
 |---	|---	|---	|
-|Minimal Notifications   |The app would trigger notifications on specific events    |Lets the user know about the updates related to there posts (add notifications for different events)   |
-|Deep linking   |The app will allow to open links shared through other platforms    |Would allow the users to share links to posts on other platforms as well, and these links will be handled in the Cosmos app   |
-|Sharing Api   |Call the standard share api provided by react native    |Will showcase multiple options to the user for sharing there posts on different platforms   |
+|Minimal Notifications   |The app would trigger notifications on specific events    |Lets the user know about the updates related to there posts (add notifications for more events)   |
 
 <br/>
 

src/components/AppHeader/index.js

@@ -15,6 +15,7 @@ const AppHeader = ({title, onPressRight, iconRight, onPressLeft, iconLeft}) => {
   return (
     <Appbar.Header
       style={{
+        width: width,
         height: width * 0.14,
         display: 'flex',
         flexDirection: 'row',

src/screens/AddImageScreen/index.js

@@ -16,6 +16,7 @@ import {Backpack} from 'react-kawaii/lib/native/';
 
 // importing components
 import BoxLoading from '../../components/LottieComponents/BoxLoading/index.js';
+import AppHeader from '../../components/AppHeader/index';
 
 //importing Context
 import {Context as UserContext} from '../../contexts/UserContext.js';
@@ -176,6 +177,34 @@ class AddImageScreen extends Component {
     if (image !== null) {
       return (
         <View style={styles.addContainer}>
+          <AppHeader
+            iconLeft="x"
+            onPressLeft={() => {
+              Alert.alert(
+                'Discard Post',
+                'Do you want to discard your post, all changes will be lost?',
+                [
+                  {
+                    text: 'Discard',
+                    onPress: () =>
+                      this.setState({
+                        isLoading: false,
+                        fileBlog: null,
+                        image: null,
+                        imageCaption: '',
+                      }),
+                  },
+                  {
+                    text: 'Cancel',
+                    onPress: () => {},
+                  },
+                ],
+                {cancelable: true},
+              );
+            }}
+            iconRight="send"
+            onPressRight={this.onPostUpload}
+          />
           <ScrollView showsVerticalScrollIndicator={false}>
             <View>
               <Image style={styles.loadedImage} source={image} />
@@ -190,32 +219,11 @@ class AddImageScreen extends Component {
                   autoFocus={true}
                   maxLength={300}
                   multiline={true}
-                  numberOfLines={4}
+                  numberOfLines={6}
                   textAlignVertical="top"
                   defaultValue="No Caption"
                 />
               </View>
-              <View style={[styles.optionsContainer, styles.btnContainer]}>
-                <Button
-                  labelStyle={[Styles.fontSmall]}
-                  mode="contained"
-                  onPress={() => {
-                    this.setState({
-                      isLoading: false,
-                      fileBlog: null,
-                      image: null,
-                      imageCaption: '',
-                    });
-                  }}>
-                  Cancel
-                </Button>
-                <Button
-                  labelStyle={[Styles.fontSmall]}
-                  mode="contained"
-                  onPress={this.onPostUpload}>
-                  Share
-                </Button>
-              </View>
             </View>
           </ScrollView>
         </View>

src/screens/AddImageScreen/styles.js

@@ -45,7 +45,4 @@ export default StyleSheet.create({
   textInputCaption: {
     width: width,
   },
-  btnContainer: {
-    justifyContent: 'space-evenly',
-  },
 });