blob: 313e2f2cd2721dd7c996b4ea56e99d9d288dd5f7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
import React from 'react';
import {StatusBar} from 'react-native';
import Animated from 'react-native-reanimated';
import {Content, Cover, TabsGradient} from '../../components';
import {RouteProp, useFocusEffect} from '@react-navigation/native';
import {MainStackParams} from '../../routes/';
import {resetScreenType} from '../../store/actions';
import {useDispatch, useStore} from 'react-redux';
import {DUMMY_USERID} from '../../store/initialStates';
/**r
* Profile Screen for a user's profile
* including posts, messaging, and settings
*/
type ProfileScreenRouteProps = RouteProp<MainStackParams, 'Profile'>;
interface ProfileOnboardingProps {
route: ProfileScreenRouteProps;
}
const ProfileScreen: React.FC<ProfileOnboardingProps> = ({route}) => {
const {screenType} = route.params;
let {userXId} = route.params;
const y = Animated.useValue(0);
const dispatch = useDispatch();
/**
* This is a double safety check to avoid app crash.
* Checks if the required userXId is present in the store, if not userXId is set to dummy id
*/
// if (userXId && !(userXId in useStore().getState().userX[screenType])) {
// userXId = DUMMY_USERID;
// }
/**
* Code under useFocusEffect gets executed every time the screen comes under focus / is being viewed by the user.
* This is done to reset the users stored in our store for the Search screen.
* Read more about useFocusEffect here : https://reactnavigation.org/docs/function-after-focusing-screen/
*/
// useFocusEffect(() => {
// if (!userXId) {
// dispatch(resetScreenType(screenType));
// }
// });
return (
<>
<StatusBar barStyle="dark-content" />
<Content {...{y, userXId, screenType}} />
<TabsGradient />
</>
);
};
export default ProfileScreen;
|
