Function IssueListItem

src/components/issue-list-item.component.js:73–118

({ type, issue, navigation, locale }: Props)

};

export const IssueListItem = ({ type, issue, navigation, locale }: Props) => (
  <TouchableHighlight
    style={issue.state === 'closed' && styles.closedIssue}
    onPress={() =>
      navigation.navigate('Issue', {
        issue,
        isPR: !!issue.pull_request,
        locale,
      })
    }
    underlayColor={colors.greyLight}
  >
    <View style={styles.container}>
      <ListItem
        containerStyle={styles.listItemContainer}
        title={issue.title}
        subtitle={
          issue.state === 'open'
            ? t('#{number} opened {time} ago by {user}', locale, {
                number: issue.number,
                user: issue.user.login,
                time: relativeTimeToNow(issue.created_at),
              })
            : t('#{number} by {user} was closed {time} ago', locale, {
                number: issue.number,
                user: issue.user.login,
                time: relativeTimeToNow(issue.closed_at),
              })
        }
        leftIcon={{
          name: getIconName(type, issue),
          size: 36,
          color: getIconColor(issue),
          type: 'octicon',
        }}
        hideChevron
        titleStyle={styles.title}
        subtitleStyle={styles.subtitle}
      />
      <View style={styles.commentsContainer}>
        <Icon name="comment" type="octicon" size={18} color={colors.grey} />
        <Text style={styles.comments}>{issue.comments}</Text>
      </View>
    </View>
  </TouchableHighlight>
);