Login LoginExternalLink.tsx

100% Statements 5/5

100% Branches 19/19

100% Functions 2/2

100% Lines 4/4

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49  
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8x
 
 
 
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { followLink } from "@hooks/common/documents/utils";
import { Link, SxProps } from "@mui/material";
import React from "react";
 
const LoginExternalLink = ({
  children,
  href,
  underline,
  sx,
  isDisabled,
  forceUnderline = false,
}: {
  children: React.ReactNode;
  href: string;
  underline: string;
  sx?: SxProps;
  isDisabled?: boolean | undefined;
  forceUnderline?: boolean;
}) => {
  return (
    <Link
      underline={forceUnderline ? "always" : "none"}
      onClick={(e: any) => {
        e.preventDefault();
        if (!isDisabled) followLink(href, { target: "__blank" });
      }}
      color="inherit"
      href={!isDisabled ? href : undefined}
      target={!isDisabled ? "_blank" : ""}
      width="fit-content"
      sx={{
        ...(underline && {
          "&:hover": {
            textDecoration:
              isDisabled && !forceUnderline ? "none" : "underline",
            color: isDisabled ? undefined : underline,
            cursor: isDisabled ? "text" : "pointer",
          },
        }),
        ...sx,
      }}
    >
      {children}
    </Link>
  );
};
 
export default LoginExternalLink;