components DetailCollapse.tsx

100% Statements 6/6

100% Branches 4/4

100% Functions 1/1

100% Lines 6/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
38  
 
 
 
 
 
 
 
 
 
 
67x
4x
4x
4x
4x
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactElement } from "react";
import { Tooltip } from "antd";
import { useTranslation } from 'react-i18next';
 
import { MasterCollapseWidth } from '@config/base';
 
export interface DetailCollapseProps {
  domainName: string;
  label?: string
}
 
const DetailCollapse = (props: DetailCollapseProps): ReactElement => {
  const { domainName, label } = props;
  const { t } = useTranslation();
  const domainTitle = t(`domainTitle:${domainName ?? ''}`);
  const basicInfo = t('Basic Information');
 
  return (<div
    className="detail-collapse-bar"
    style={{
      width: MasterCollapseWidth,
    }}>
    <Tooltip
      placement="right"
      arrowPointAtCenter={true}
      title={t("Click to expand detail")}
    >
      <span style={{ fontSize: "120%", color: "darkgray" }}>
        {label ?? `${domainTitle}${basicInfo}`} &raquo;
      </span>
    </Tooltip>
 
  </div>);
 
};
 
export default DetailCollapse;