import moment from 'moment';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import ListItem from '@mui/material/ListItem';
import Link from '@mui/material/Link';
import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
import LinearProgress from '@mui/material/LinearProgress';
import {useTranslation} from 'react-i18next';
import getMapsLink from '../../lib/getMapsLink';
import {TravelEntity} from '../../generated/graphql';
interface Props {
travel: TravelEntity;
assign: (travel: TravelEntity) => void;
}
const AvailableTravel = ({travel, assign}: Props) => {
const {t} = useTranslation();
const passengersCount = travel.attributes.passengers?.data.length || 0;
const availableSeats = travel.attributes.seats - passengersCount;
return (
<>
{travel.attributes.departureDate && (
{t('passenger.assign.departure')}
{moment(travel.attributes.departureDate).format('dddd LL')}{' '}
{travel.attributes.departureTime || ''}
)}
{travel.attributes.vehicleName}
{t('passenger.assign.seats', {
count: availableSeats || 0,
})}
e.preventDefault}
>
{travel.attributes.meeting}
>
);
};
export default AvailableTravel;