import React from 'react';
import {ListItem} from '@components';
import {PerformanceReview} from '@modules/performance/interfaces';
import {getCompleteName} from '@shared/utils';

import {styles} from './styles';

interface Props {
  review: PerformanceReview;
  onPress: (review: PerformanceReview) => void;
}

export function ReviewRowItem({review, onPress}: Props) {
  const name = getCompleteName(review.reviewed);
  const onPressItem = () => onPress(review);

  return (
    <ListItem
      style={styles.container}
      onItemPress={onPressItem}
      title={name}
      avatar={{
        url: review.reviewed.profilePicture,
        name: review.reviewed,
      }}
      withRightIcon
      presentation="card"
      isFirstItem
      isLastItem
    />
  );
}