Fix newpost and ready for new version

App.js

@@ -23,6 +23,7 @@ import MenuView from './Views/Menu.js';
 import ProfileSettings from './Views/ProfileSettings.js';
 import InviteView from './Views/Invite.js';
 import MediaView from './components/MediaView.js';
+import { useSnapshot } from 'valtio';
 import GlobalState from './contexts/GlobalState.js';
 
 
@@ -83,6 +84,8 @@ async function registerForPushNotificationsAsync() {
 
 
 const MainNavigation = () => {
+    const gState = useSnapshot(GlobalState);
+    const viewer = gState.me;
     const [expoPushToken, setExpoPushToken] = useState('');
     const [notification, setNotification] = useState(false);
     const notificationListener = useRef();
@@ -109,10 +112,15 @@ const MainNavigation = () => {
         });
 
         const interval = setInterval(async () => {
-            if(await API.isLoggedIn())
+            if(await API.isLoggedIn()){
+                let me = await API.getMe();
+                //console.log(JSON.stringify(viewer), JSON.stringify(me))
+                if(JSON.stringify(viewer) !== JSON.stringify(me)){
                     console.log("Updating me")
-                GlobalState.me = await API.getMe();
-        }, 10000);
+                    GlobalState.me = me;
+                }
+            }
+        }, 30000);
 
         return () => {
             Notifications.removeNotificationSubscription(notificationListener.current);

Views/NewPost.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, TextInput, Image } from "react-native";
 import { Text, Button, Divider } from "react-native-paper";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -9,11 +9,28 @@ import i18n from "../i18nMessages";
 import Media from '../components/Media';
 
 
-let NewPostView = ({ writeTo }) => {
+let NewPostView = (props) => {
     let [postContent, setPostContent] = useState('');
     let [extraContent, setExtraContent] = useState([]);
+    let [toProfile, setToProfile] = useState([]);
     const [photo, setPhoto] = React.useState(null);
     const navigation = useNavigation();
+
+    useEffect(() => {
+        let subscribed = true;
+        const getProfileData = async () => {
+            if (!props.route.params?.toProfile) return 0;
+            await API.getUserProfile(props.route.params.toProfile).then((profileObj) => {
+                if (!subscribed) return 0;
+                setToProfile(profileObj);
+            });
+        };
+        getProfileData();
+        return () => {
+            subscribed = false;
+        }
+    }, []);
+
     const pickImage = async () => {
         // No permissions request is necessary for launching the image library
         let result = await ImagePicker.launchImageLibraryAsync({
@@ -76,7 +93,7 @@ let NewPostView = ({ writeTo }) => {
 
     const handleNewPostButton = async () => {
         //setPostContent('');
-        API.newPost(postContent + " " + extraContent.join(" ")).then((newPost) => {
+        API.newPost(postContent + " " + extraContent.join(" "), props.route.params.toProfile).then((newPost) => {
             setPostContent('');
             setExtraContent([]);
             navigation.goBack();
@@ -93,6 +110,12 @@ let NewPostView = ({ writeTo }) => {
                         {i18n.t("message.post")}
                     </Button>
                 </View>
+                {
+                    toProfile._id ?
+                        <Text style={{ paddingLeft: 10, paddingBottom: 5 }}>
+                            Posting on: {toProfile._id ? toProfile.profile.firstName + " " + toProfile.profile.lastName : ''}
+                        </Text> : <></>
+                }
                 <Divider bold={true} />
                 <TextInput
                     value={postContent}

Views/Profile.js

@@ -104,23 +104,26 @@ let Profile = ({ navigation, route }) => {
                             backgroundColor: "#c44d56",
                             justifyContent: 'center',
                             alignItems: 'center',
+                            elevation: 10,
+                            zIndex: 1,
                            }}>
                     <IconButton icon={showNewPost ? 'remove' : "add"} mode="outlined" color="white" onPress={()=>{
-                        setShowNewPost(!showNewPost);
+                        //setShowNewPost(!showNewPost);
+                        navigation.navigate('NewPost', {toProfile: profile._id})
                     }} />
                 </View>
-                <Button title="Images" icon={tag == 'images' ? 'remove' : "image"} mode="outlined" onPress={()=>{
+                <Button style={{paddingLeft:12, backgroundColor:"#fff"}} title="Images" icon={tag == 'images' ? 'remove' : "image"} mode="outlined" onPress={()=>{
                     if(tag == 'images') return setTag('');
                     setTag('images');
-                }}>Images</Button>
-                <Button title="Media" icon={tag == 'media' ? 'remove' : "subscriptions"} mode="outlined" onPress={()=>{
+                }}>{tag == 'images' ? "Images" : ''}</Button>
+                <Button style={{paddingLeft:12, backgroundColor:"#fff"}} title="Media" icon={tag == 'media' ? 'remove' : "subscriptions"} mode="outlined" onPress={()=>{
                     if(tag == 'media') return setTag('');
                     setTag('media');
-                }}>Media</Button>
-                <Button title="Embedded" icon={tag == 'embedded' ? 'remove' : "folder"} mode="outlined" onPress={()=>{
+                }}>{tag == 'media' ? "Media" : ''}</Button>
+                <Button style={{paddingLeft:12, backgroundColor:"#fff"}} title="Embedded" icon={tag == 'embedded' ? 'remove' : "folder"} mode="outlined" onPress={()=>{
                     if(tag == 'embedded') return setTag('');
                     setTag('embedded');
-                }}>Files</Button>
+                }}>{tag == 'embedded' ? "Files" : ''}</Button>
             </View>
             { showNewPost ? 
                 <NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />

app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "EMI Social",
     "slug": "emi-social",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "splash": {
@@ -27,7 +27,7 @@
       },
       "package": "com.emi.social",
       "googleServicesFile": "./google-services.json",
-      "versionCode": 2
+      "versionCode": 3
     },
     "web": {
       "favicon": "./assets/favicon.png"

components/ProfileHeader.js

@@ -11,15 +11,17 @@ const ProfileHeader = ({ profileObj }) => {
     return (
         <>
             <Card elevation={3}>
-                <Card.Cover source={{ uri: photoUrl, cache: 'force-cache' }} />
-                <Card.Content>
+                <Card.Cover source={{ uri: photoUrl, cache: 'force-cache' }} style={{
+                    height: 300
+                }} />
+                <Card.Content style={{}}>
                     <Title style={{position: "absolute", top: -60, left: 10, backgroundColor: "rgba(255,255,255,0.4)", padding: 10}}>
                         <UserName profileid={profileObj._id} />
                     </Title>
                     <Paragraph style={{paddingTop:10}}>{profileObj.profile.description}</Paragraph>
                     <View style={{
                         position: "absolute",
-                        top: -190,
+                        top: -290,
                         right: 10,
                         width: 50,
                         height: 50,

i18nMessages.js

@@ -1,4 +1,4 @@
-//import { getLocales } from 'expo-localization';
+import { getLocales } from 'expo-localization';
 import { I18n } from 'i18n-js';
 import moment from 'moment'
 import 'moment/min/locales'
@@ -150,7 +150,7 @@ const messages = {
 const i18n = new I18n(messages);
 
 // Set the locale once at the beginning of your app.
-i18n.locale = 'es';//getLocales()[0].languageCode;
+i18n.locale = getLocales()[0].languageCode;
 moment.locale(i18n.locale);
 
 export default i18n;