app/src/containers/PassengersList/Passenger.js (view raw)
1import React from 'react';
2import ListItemAvatar from '@material-ui/core/ListItemAvatar';
3import ListItemIcon from '@material-ui/core/ListItemIcon';
4import ListItemText from '@material-ui/core/ListItemText';
5import Icon from '@material-ui/core/Icon';
6import {useTranslation} from 'react-i18next';
7
8const Passenger = ({passenger, button}) => {
9 const {t} = useTranslation();
10 return !!passenger ? (
11 <>
12 <ListItemText primary={passenger} />
13 {button}
14 </>
15 ) : (
16 <>
17 <ListItemAvatar>
18 <ListItemIcon color="disabled">
19 <Icon>person</Icon>
20 </ListItemIcon>
21 </ListItemAvatar>
22 <ListItemText primary={t('car.passengers.empty')} />
23 </>
24 );
25};
26
27export default Passenger;