Function ComposeThreadButton

native/chat/compose-thread-button.react.js:19–50

(props: Props)

  +navigate: ChatNavigationProp<'ChatThreadList'>['navigate'],
};
function ComposeThreadButton(props: Props) {
  const { navigate } = props;
  const loggedInUserInfo = useLoggedInUserInfo();
  const onPress = React.useCallback(() => {
    if (!loggedInUserInfo) {
      return;
    }
    navigate<'MessageList'>({
      name: MessageListRouteName,
      params: {
        threadInfo: createPendingThread({
          viewerID: loggedInUserInfo.id,
          threadType: threadTypes.PRIVATE,
          members: [loggedInUserInfo],
        }),
        searching: true,
      },
    });
  }, [loggedInUserInfo, navigate]);

  const { listForegroundSecondaryLabel } = useColors();
  return (
    <Button onPress={onPress} androidBorderlessRipple={true}>
      <SWMansionIcon
        name="edit-4"
        size={26}
        style={styles.composeButton}
        color={listForegroundSecondaryLabel}
      />
    </Button>
  );
}

const styles = StyleSheet.create({
  composeButton: {