Home PackageGrid.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/2

0% Lines 0/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Grid } from "@chakra-ui/react";
import { FunctionComponent } from "react";
import testIds from "./testIds";
import { ExtendedCatalogPackage } from "../../api/catalog-search";
import { PackageCard } from "../../components/PackageCard";
 
export const PackageGrid: FunctionComponent<{
  "data-event"?: string;
  packages: ExtendedCatalogPackage[];
}> = ({ "data-event": dataEvent, packages }) => {
  return (
    <Grid
      data-testid={testIds.packageGrid}
      gap={4}
      mt={8}
      templateColumns={{ base: "1fr", xl: "1fr 1fr" }}
    >
      {packages.map((pkg) => (
        <PackageCard
          data-event={dataEvent}
          key={`${pkg.name}-${pkg.version}`}
          pkg={pkg}
        />
      ))}
    </Grid>
  );
};