import {ReactNode} from 'react';
import {
ListItemAvatar,
ListItemIcon,
ListItemText,
Chip,
Box,
Typography,
Icon,
useTheme,
} from '@mui/material';
import {useTranslation} from 'react-i18next';
import useProfile from '../../hooks/useProfile';
import {PassengerEntity} from '../../generated/graphql';
interface Props {
passenger?: PassengerEntity;
isTravel?: boolean;
Actions?: (props: {passenger: PassengerEntity}) => ReactNode;
}
const Passenger = (props: Props) => {
const {passenger, isTravel, Actions} = props;
const theme = useTheme();
const {t} = useTranslation();
const {userId} = useProfile();
const isUser = `${userId}` === passenger?.attributes.user?.data?.id;
if (passenger) {
return (
person_outlined
{passenger.attributes.name}
{isUser && (
)}
{!isTravel && (
{passenger.attributes.location}
)}
}
/>
);
} else {
return (
<>
person
>
);
}
};
export default Passenger;