icons CloseIcon.tsx

66.66% Statements 4/6

75% Branches 3/4

50% Functions 1/2

66.66% Lines 4/6

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  
 
 
 
67x
 
 
 
 
14x
13x
13x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactElement } from 'react';
import { CloseCircleOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';
 
const CloseIcon = (props: {
  onClick: (visible: boolean) => void;
  className?: string;
  noLinkWrap?: boolean
}): ReactElement => {
  const { onClick, className, noLinkWrap } = props;
  const { t } = useTranslation();
  return (
    <span
      title={t("Close this panel")}
      onClick={(event: React.MouseEvent<HTMLElement>) => {
        event.preventDefault();
        onClick(false);
      }}
      className={className}
    >
      {noLinkWrap &&
        <CloseCircleOutlined
          className="close-icon"
        />
      }
      {!noLinkWrap && <a href="#">
        <CloseCircleOutlined
          className="close-icon"
        />
      </a>
      }
    </span>
  );
};
 
export default CloseIcon;