PackageCard Tags.tsx

0% Statements 0/5

0% Branches 0/3

0% Functions 0/2

0% Lines 0/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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FunctionComponent } from "react";
import { usePackageCard } from "./PackageCard";
import { tagObjectsFrom } from "../../util/package";
import { PackageTag } from "../PackageTag";
 
export const Tags: FunctionComponent = () => {
  const {
    keywords = [],
    metadata: { packageTags = [] },
  } = usePackageCard();
 
  const tags = tagObjectsFrom({
    packageTags,
    keywords,
  });
 
  return (
    <>
      {tags.slice(0, 10).map(({ id, keyword: { label, color } = {} }) => (
        <PackageTag key={id} value={id} variant={color}>
          {label}
        </PackageTag>
      ))}
    </>
  );
};