All files / src/components/PackageList WideCardList.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                                             
import { Stack } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
import { PackageListViewProps } from "./PackageList";
import { PackageCard, PackageCardType } from "../PackageCard";
 
export const WideCardList: FunctionComponent<PackageListViewProps> = ({
  "data-event": dataEvent,
  items,
}) => {
  return (
    <Stack spacing={4}>
      {items.map((pkg) => (
        <PackageCard
          data-event={dataEvent}
          key={`${pkg.name}-${pkg.version}`}
          pkg={pkg}
          variant={PackageCardType.Wide}
        />
      ))}
    </Stack>
  );
};