widgets StatisticWidget.tsx

11.11% Statements 1/9

0% Branches 0/6

0% Functions 0/1

11.11% Lines 1/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
28
29
30
31
32
33
34
35
36
37
38  
 
 
 
 
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Statistic } from "antd";
import React, { ReactElement } from "react";
import { WidgetComponentRenderProps } from "../WidgetComponentsMapping";
import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons";
import { PrimaryColor } from '@config/base';
 
const StatisticWidget = (props: WidgetComponentRenderProps): ReactElement => {
  const { dataAndConfigs, widget } = props;
  const config = JSON.parse(widget.options)?.config ?? {};
  const mergedConfigs = { ...config, ...dataAndConfigs };
 
  const directionPrefixMapping: { [propName: string]: ReactElement } = {
    "up": <ArrowUpOutlined />,
    "down": <ArrowDownOutlined />
  };
 
  const directionColorMapping: { [propName: string]: string } = {
    "up": "#3f8600",
    "down": "#cf1322"
  };
 
  const prefix = (mergedConfigs?.direction != null) ?
    directionPrefixMapping[mergedConfigs?.direction] : undefined;
  const color = (mergedConfigs?.direction != null) ?
    directionColorMapping[mergedConfigs?.direction] : PrimaryColor;
 
  return (
    <Statistic
      valueStyle={{ color }}
      prefix={prefix}
      precision={2}
      {...mergedConfigs}
    />
  );
};
 
export default StatisticWidget;