prettify some files

web/pages/components/statistic.tsx

@@ -1,18 +1,18 @@
-import { Typography, Statistic, Card, Progress} from "antd";
+import { Typography, Statistic, Card, Progress } from 'antd';
 
 const { Text } = Typography;
 
 interface StatisticItemProps {
-  title?: string, 
-  value?: any,
-  prefix?: JSX.Element,
-  color?: string,
-  progress?: boolean,
-  centered?: boolean,
-  formatter?: any,
-};
+  title?: string;
+  value?: any;
+  prefix?: JSX.Element;
+  color?: string;
+  progress?: boolean;
+  centered?: boolean;
+  formatter?: any;
+}
 const defaultProps = {
-  title: '', 
+  title: '',
   value: 0,
   prefix: null,
   color: '',
@@ -21,16 +21,19 @@ const defaultProps = {
   formatter: null,
 };
 
-
 function ProgressView({ title, value, prefix, color }: StatisticItemProps) {
   const endColor = value > 90 ? 'red' : color;
   const content = (
     <div>
-    {prefix}
-    <div><Text type="secondary">{title}</Text></div>
-    <div><Text type="secondary">{value}%</Text></div>
+      {prefix}
+      <div>
+        <Text type="secondary">{title}</Text>
+      </div>
+      <div>
+        <Text type="secondary">{value}%</Text>
+      </div>
     </div>
-  )
+  );
   return (
     <Progress
       type="dashboard"
@@ -42,19 +45,12 @@ function ProgressView({ title, value, prefix, color }: StatisticItemProps) {
       }}
       format={percent => content}
     />
-  )
+  );
 }
 ProgressView.defaultProps = defaultProps;
 
 function StatisticView({ title, value, prefix, formatter }: StatisticItemProps) {
-  return (
-    <Statistic
-      title={title}
-      value={value}
-      prefix={prefix}
-      formatter={formatter}
-   />
-  );
+  return <Statistic title={title} value={value} prefix={prefix} formatter={formatter} />;
 }
 StatisticView.defaultProps = defaultProps;
 
@@ -62,14 +58,14 @@ export default function StatisticItem(props: StatisticItemProps) {
   const { progress, centered } = props;
   const View = progress ? ProgressView : StatisticView;
 
-  const style = centered ? {display: 'flex', alignItems: 'center', justifyContent: 'center'} : {};
+  const style = centered ? { display: 'flex', alignItems: 'center', justifyContent: 'center' } : {};
 
   return (
-      <Card type="inner">
-        <div style={style}>
-          <View {...props} />
-        </div>
-      </Card>
+    <Card type="inner">
+      <div style={style}>
+        <View {...props} />
+      </div>
+    </Card>
   );
 }
 StatisticItem.defaultProps = defaultProps;