Differential D7733 Diff 26965 native/navigation/community-drawer-content.react.js

Changeset View

Standalone View

native/navigation/community-drawer-content.react.js

// @flow		// @flow

		import { useDrawerStatus } from '@react-navigation/drawer';
import * as React from 'react';		import * as React from 'react';
import { FlatList, Platform, View, Text } from 'react-native';		import { FlatList, Platform, View, Text } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';		import { SafeAreaView } from 'react-native-safe-area-context';
import { useSelector } from 'react-redux';		import { useSelector } from 'react-redux';

import {		import {
		fetchPrimaryInviteLinkActionTypes,
		fetchPrimaryInviteLinks,
		} from 'lib/actions/link-actions.js';
		import {
childThreadInfos,		childThreadInfos,
communityThreadSelector,		communityThreadSelector,
} from 'lib/selectors/thread-selectors.js';		} from 'lib/selectors/thread-selectors.js';
import {		import {
		useDispatchActionPromise,
		useServerCall,
		} from 'lib/utils/action-utils.js';
		import {
createRecursiveDrawerItemsData,		createRecursiveDrawerItemsData,
appendSuffix,		appendSuffix,
} from 'lib/utils/drawer-utils.react.js';		} from 'lib/utils/drawer-utils.react.js';
import { useResolvedThreadInfos } from 'lib/utils/entity-helpers.js';		import { useResolvedThreadInfos } from 'lib/utils/entity-helpers.js';

import CommunityDrawerItemCommunity from './community-drawer-item-community.react.js';		import CommunityDrawerItemCommunity from './community-drawer-item-community.react.js';
import { useNavigateToThread } from '../chat/message-list-types.js';		import { useNavigateToThread } from '../chat/message-list-types.js';
import SWMansionIcon from '../components/swmansion-icon.react.js';		import SWMansionIcon from '../components/swmansion-icon.react.js';
Show All 9 Lines	function CommunityDrawerContent(): React.Node {
const communities = useSelector(communityThreadSelector);		const communities = useSelector(communityThreadSelector);
const resolvedCommunities = useResolvedThreadInfos(communities);		const resolvedCommunities = useResolvedThreadInfos(communities);
const communitiesSuffixed = React.useMemo(		const communitiesSuffixed = React.useMemo(
() => appendSuffix(resolvedCommunities),		() => appendSuffix(resolvedCommunities),
[resolvedCommunities],		[resolvedCommunities],
);		);
const styles = useStyles(unboundStyles);		const styles = useStyles(unboundStyles);

		const callFetchPrimaryLinks = useServerCall(fetchPrimaryInviteLinks);
		const dispatchActionPromise = useDispatchActionPromise();
		const drawerStatus = useDrawerStatus();
		React.useEffect(() => {
		(async () => {
		if (drawerStatus !== 'open') {
		return;
		}
		await dispatchActionPromise(
		fetchPrimaryInviteLinkActionTypes,
		callFetchPrimaryLinks(),
		);
		})();
		}, [callFetchPrimaryLinks, dispatchActionPromise, drawerStatus]);

const [openCommunity, setOpenCommunity] = React.useState(		const [openCommunity, setOpenCommunity] = React.useState(
communitiesSuffixed.length === 1 ? communitiesSuffixed[0].id : null,		communitiesSuffixed.length === 1 ? communitiesSuffixed[0].id : null,
);		);

const navigateToThread = useNavigateToThread();		const navigateToThread = useNavigateToThread();
const childThreadInfosMap = useSelector(childThreadInfos);		const childThreadInfosMap = useSelector(childThreadInfos);

const setOpenCommunityOrClose = React.useCallback((index: string) => {		const setOpenCommunityOrClose = React.useCallback((index: string) => {
▲ Show 20 Lines • Show All 121 Lines • Show Last 20 Lines