Function ThreadPickerModal

native/calendar/thread-picker-modal.react.js:32–86

(props: Props)

  +route: NavigationRoute<'ThreadPickerModal'>,
};
function ThreadPickerModal(props: Props): React.Node {
  const {
    navigation,
    route: {
      params: { dateString },
    },
  } = props;

  const viewerID = useSelector(
    state => state.currentUserInfo && state.currentUserInfo.id,
  );
  const dispatch = useDispatch();

  const rootNavigatorContext = React.useContext(RootNavigatorContext);
  const threadPicked = React.useCallback(
    (threadID: string) => {
      invariant(
        dateString && viewerID && rootNavigatorContext,
        'inputs to threadPicked should be set',
      );
      rootNavigatorContext.setKeyboardHandlingEnabled(false);
      dispatch({
        type: createLocalEntryActionType,
        payload: createLocalEntry(threadID, dateString, viewerID),
      });
    },
    [rootNavigatorContext, dispatch, viewerID, dateString],
  );

  React.useEffect(
    () =>
      navigation.addListener('blur', async () => {
        await waitForInteractions();
        invariant(
          rootNavigatorContext,
          'RootNavigatorContext should be set in onScreenBlur',
        );
        rootNavigatorContext.setKeyboardHandlingEnabled(true);
      }),
    [navigation, rootNavigatorContext],
  );

  const index = useGlobalThreadSearchIndex();
  const onScreenThreadInfos = useOnScreenEntryEditableThreadInfos();
  return (
    <Modal>
      <ThreadList
        threadInfos={onScreenThreadInfos}
        onSelect={threadPicked}
        itemStyle={styles.threadListItem}
        searchIndex={index}
      />
    </Modal>
  );
}

const styles = StyleSheet.create({
  threadListItem: {