All files / components/link RouterLink.tsx

100% Statements 9/9
100% Branches 0/0
100% Functions 1/1
100% Lines 9/9

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 284x 4x 4x   4x 4x                   4x 1x             1x     4x  
import React from 'react';
import Link, { LinkProps as MuiLinkProps } from '@mui/material/Link';
import { cx } from '@emotion/css';
import { LinkUnderline } from './types';
import { LinkBase } from './styles';
import { Link as RouterLinkInt } from 'react-router-dom';
 
export interface RouterLinkProps extends MuiLinkProps {
  readonly disabled?: boolean;
  readonly underline?: LinkUnderline;
  readonly to?: string;
  readonly className?: string;
  readonly children?: any;
}
 
const RouterLink: React.FunctionComponent<RouterLinkProps> = ({ className, children, to, ...materialLinkProps }) => {
  const props = {
    ...materialLinkProps,
    className: cx(LinkBase(), className),
    to,
    component: RouterLinkInt,
  };
 
  return <Link data-testid={'link-to'} {...props}>{children}</Link>;
};
 
export { RouterLink };