InvoiceGrid InvoiceGrid.tsx

100% Statements 5/5

100% Branches 2/2

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  
 
 
 
 
 
 
 
 
 
 
2x
 
2x
1x
 
 
1x
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
  import Box from '@mui/material/Box'
import Typography from '@mui/material/Typography'
import type { Invoice } from '../../types/invoices'
import { InvoiceCard } from '../InvoiceCard'
import { useTranslation } from 'react-i18next'
 
interface Props {
  invoices: Invoice[]
}
 
export function InvoiceGrid({ invoices }: Props) {
  const { t } = useTranslation('invoices')
 
  if (invoices.length === 0) {
    return <Typography variant="h6" align="center">{t('invoices.no_found')}</Typography>
  }
 
  return (
    <Box
      sx={{
        display: 'flex',
        flexWrap: 'wrap',
        gap: 2,
        justifyContent: { xs: 'center', md: 'flex-start' },
      }}
    >
      {invoices.map(inv => (
        <InvoiceCard key={inv.uuid} invoice={inv} />
      ))}
    </Box>
  )
}