TicketGrid TicketGrid.tsx

100% Statements 5/5

100% Branches 4/4

100% Functions 2/2

100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41  
 
 
 
 
 
 
 
 
 
 
2x
 
2x
1x
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
  import Box from '@mui/material/Box'
import Typography from '@mui/material/Typography'
import type { Ticket } from '../../types/tickets'
import { TicketCard } from '../TicketCard'
import { useTranslation } from 'react-i18next'
 
interface TicketGridProps {
  tickets: Ticket[]
}
 
export function TicketGrid({ tickets }: TicketGridProps) {
  const { t } = useTranslation('tickets')
 
  if (tickets.length === 0) {
    return (
      <Typography variant="h6" align="center" sx={{ mt: 4 }}>
        {t('tickets.no_tickets')}
      </Typography>
    )
  }
 
  return (
    <Box
      sx={{
        display: 'flex',
        flexWrap: 'wrap',
        gap: 2,
        justifyContent: { xs: 'center', md: 'flex-start' },
      }}
    >
      {tickets.map(ticket => (
        <TicketCard
          key={ticket.token}
          ticket={ticket}
          invoiceLink={ticket.payment_uuid || ''}
        />
      ))}
    </Box>
  )
}