Function CommunityDrawerContent

native/navigation/community-drawer-content.react.js:56–267

()

});

function CommunityDrawerContent(): React.Node {
  const communities = useSelector(communityThreadSelector);
  const resolvedCommunities = useResolvedThreadInfos(communities);
  const communitiesSuffixed = useAppendCommunitySuffix(resolvedCommunities);
  const styles = useStyles(unboundStyles);

  const callFetchPrimaryLinks = useFetchPrimaryInviteLinks();

  const dispatchActionPromise = useDispatchActionPromise();
  const drawerStatus = useDrawerStatus();
  const getAllCommunityInfosWithNames = useLegacyAshoatKeyserverCall(
    fetchNativeDrawerAndDirectoryInfos,
  );
  const getAllCommunityInfosWithNamesPromiseRef =
    React.useRef<?Promise<ClientFetchNativeDrawerAndDirectoryInfosResponse>>(
      null,
    );
  const [fetchedCommunitiesWithNames, setFetchedCommunitiesWithNames] =
    React.useState<?$ReadOnlyArray<ClientCommunityInfoWithCommunityName>>(null);
  React.useEffect(() => {
    if (drawerStatus !== 'open') {
      return;
    }
    void dispatchActionPromise(
      fetchPrimaryInviteLinkActionTypes,
      callFetchPrimaryLinks(),
    );
    const getAllCommunityInfosWithNamesPromise =
      getAllCommunityInfosWithNames();
    getAllCommunityInfosWithNamesPromiseRef.current =
      getAllCommunityInfosWithNamesPromise;
    void dispatchActionPromise(
      fetchNativeDrawerAndDirectoryInfosActionTypes,
      getAllCommunityInfosWithNamesPromise,
    );
    void (async () => {
      const response = await getAllCommunityInfosWithNamesPromise;
      setFetchedCommunitiesWithNames(
        response.allCommunityInfosWithNames.filter(
          community => !viewerIsMember(community.threadInfo),
        ),
      );
    })();
  }, [
    callFetchPrimaryLinks,
    dispatchActionPromise,
    drawerStatus,
    getAllCommunityInfosWithNames,
  ]);

  const [expanded, setExpanded] = React.useState<Set<string>>(() => {
    if (communitiesSuffixed.length === 1) {
      return new Set([communitiesSuffixed[0].id]);
    }
    return new Set();
  });

  const setOpenCommunityOrClose = React.useCallback(