ExternalLinksList index.tsx

0% Statements 0/8

0% Branches 0/5

0% Functions 0/2

0% Lines 0/7

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Launch } from "@mui/icons-material";
import useCurrentStep from "../../../hooks/playbooks/step/useCurrentStep";
 
function ExternalLinksList({ id }) {
  const [step] = useCurrentStep(id);
 
  Iif (!step || step?.external_links?.length === 0) return <></>;
 
  return (
    <div className="flex flex-wrap gap-3 items-center my-1">
      {step.external_links?.map((link, i) => (
        <a
          key={i}
          href={link.url}
          target="_blank"
          rel="noreferrer"
          className="flex flex-wrap items-center text-sm gap-1 text-violet-500 hover:underline">
          {link?.name || link.url} <Launch />
        </a>
      ))}
    </div>
  );
}
 
export default ExternalLinksList;