export default function ThreadItem()

in src/views/inbox-threads/inbox-threads__item.tsx [29:84]
55 lines of code
2 McCabe index (conditional complexity)

export default function ThreadItem({
  author,
  avatar,
  avatarStyle,
  change,
  group,
  reason,
  timestamp,
  onNavigate,
}: Props) {
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  const theme: Theme = useContext(ThemeContext);
  return (
    <View
      testID="test:id/inboxThreadItem"
      accessibilityLabel="inboxThreadItem"
      accessible={true}
    >
      <UserInfo
        additionalInfo={reason}
        avatar={avatar}
        avatarStyle={avatarStyle}
        timestamp={timestamp}
        user={author}
      />
      <TouchableOpacity
        testID="test:id/inboxThreadItemNavigateButton"
        accessibilityLabel="inboxThreadItemNavigateButton"
        accessible={true}
        style={styles.threadChange}
        disabled={typeof onNavigate !== 'function'}
        onPress={onNavigate}
        hitSlop={HIT_SLOP2}
      >
        <>
          {change}
          {!!group?.mergedActivities?.length && (
            <View
              testID="test:id/inboxThreadItemMergedActivities"
              accessibilityLabel="inboxThreadItemMergedActivities"
              accessible={true}
              style={styles.threadRelatedChange}
            >
              {group.mergedActivities.map((activity: Activity) => (
                <StreamHistoryChange
                  key={`${group.head.id}${group.head.timestamp}${activity.id}`}
                  activity={activity}
                />
              ))}
            </View>
          )}
        </>
      </TouchableOpacity>
    </View>
  );
}