Updating useeffect

App.js

@@ -109,7 +109,7 @@ const MainNavigation = () => {
             activeColor="#0d6efd"
             inactiveColor="#FFFFFF"
             barStyle={{ backgroundColor: '#000000' }}
-            sceneContainerStyle={{paddingBottom: 0}}
+            sceneContainerStyle={{paddingBottom: 0, paddingTop: 15}}
         >
             <Tab.Screen
                 name="Feed"
@@ -198,7 +198,11 @@ export default function App() {
                     <Stack.Screen
                         name="MainNavigation"
                         component={MainNavigation}
-                        options={{ headerShown: true }}
+                        options={{ 
+                            headerShown: true,
+                            tabBarLabel: 'EMI Social',
+                            header: ()=>{<></>},
+                        }}
                     />
                     <Stack.Screen
                         name="Profile"

Views/Login.js

@@ -5,11 +5,17 @@ import API from './../API.js';
 import LoginForm from './../components/Login.js';
 
 export default function App({navigation, route}) {
-    useEffect(async () => {
-        let r = await API.isLoggedIn();
-        if(r){
-            await API.logout();
-            navigation.navigate('Login')
+    useEffect(()=>{
+        getData = async () => {
+            let r = await API.isLoggedIn();
+            if(r){
+                await API.logout();
+                navigation.navigate('Login')
+            }
+        }
+        getData();
+        return ()=>{
+            
         }
     }, []);
 

Views/Profile.js

@@ -19,7 +19,6 @@ const getProfilePosts = async (profileid) => {
     try {
         const value = await AsyncStorage.getItem('profile_' + profileid)
         if (value !== null) {
-            console.log(JSON.parse(value))
             return JSON.parse(value);
         }
         return [];
@@ -61,7 +60,7 @@ let Profile = ({ navigation, route }) => {
         return ()=>{
             subscribed = false;
         }
-    }, [route.params]);
+    }, [route.params?.profileid]);
     const renderPost = (({ item }) => {
         if (item.nonOrganicType)
             return (<></>);

components/Login.js

@@ -34,6 +34,7 @@ let LoginForm = () => {
         onChangeText={text => setEmail(text)}
         defaultValue={email}
         placeholder="email"
+        label="email:"
         autoCapitalize='none'
         autoComplete='email'
         autoCorrect={false}
@@ -45,6 +46,7 @@ let LoginForm = () => {
         defaultValue={password}
         placeholder="password"
         textContentType="password"
+        label="password:"
         secureTextEntry={true}
         autoCapitalize='none'
         autoComplete='email'
@@ -68,7 +70,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'white',
     flex: 1,
     flexDirection: "column",
-    justifyContent: "flex-start",
+    justifyContent: "center",
     padding: 15,
     width: "100%",
     alignContent: 'center',

components/Post.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { Text, ScrollView, FlatList, StyleSheet, View, Linking } from 'react-native';
+import React, { useState } from 'react';
+import { Text, ScrollView, FlatList, StyleSheet, View } from 'react-native';
 import Hyperlink from 'react-native-hyperlink'
-import { Avatar, Button, Card, Title, Chip } from 'react-native-paper';
+import { Button, Card, Chip } from 'react-native-paper';
 import API from './../API.js';
 import UserName from './UserName.js';
 import Media from './Media.js';
@@ -62,7 +62,7 @@ let Post = (props) => {
                     {!post.nonOrganicType ?
                         <View>
                             <Text style={styles.userName}>
-                                <UserName profileid={post.profileid} />
+                                <UserName profileid={post.profileid}/>
                                 {toProfileText}
                                 <Text style={{ fontWeight: 'normal', fontSize: 12 }}>
                                     {" " + Moment(post.createdAt).fromNow()}

components/UserName.js

@@ -36,7 +36,8 @@ let UserName = ({ profileid, hideIcon }) => {
             let p = await API.getUserProfile(profileid).catch(() => { return {} });
             if (subscribed)
                 setProfile(p);
-            storeName(profileid, p)
+            storeName(profileid, p);
+            console.log("Fetching Name:" + p?.profile?.firstName);
         }
         getData();
         return () => {