chore: add icon for PT vis type (#369)

dhis2 · Nov 13, 2019 · 7ca2022 · 7ca2022
1 parent 2062d95
commit 7ca2022
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/packages/app/src/assets/PivotTableIcon.js b/packages/app/src/assets/PivotTableIcon.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+const PivotTableIcon = ({
+    style = { paddingRight: '8px', width: 24, height: 24 },
+}) => (
+    <SvgIcon viewBox="0,0,48,48" style={style}>
+        <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+            <polygon points="0 0 48 0 48 48 0 48" />
+            <rect
+                stroke="#4A5768"
+                strokeWidth="2"
+                x="7"
+                y="11"
+                width="34"
+                height="26"
+            />
+            <rect fill="#4A5768" x="8" y="18" width="32" height="2" />
+            <rect fill="#4A5768" x="19" y="11" width="2" height="26" />
+            <rect fill="#4A5768" x="8" y="24" width="32" height="2" />
+            <rect fill="#4A5768" x="8" y="30" width="32" height="2" />
+        </g>
+    </SvgIcon>
+);
+
+export default PivotTableIcon;
diff --git a/packages/app/src/components/VisualizationTypeSelector/VisualizationTypeIcon.js b/packages/app/src/components/VisualizationTypeSelector/VisualizationTypeIcon.js
@@ -14,6 +14,7 @@ import YearOverYearLineIcon from '../../assets/YearOverYearLineIcon';
 import YearOverYearColumnIcon from '../../assets/YearOverYearColumnIcon';
 import SingleValueIcon from '../../assets/SingleValueIcon';
 import GlobeIcon from '../../assets/GlobeIcon';
+import PivotTableIcon from '../../assets/PivotTableIcon';
 
 import {
     PIVOT_TABLE,
@@ -62,6 +63,7 @@ const VisualizationTypeIcon = ({ type = PIVOT_TABLE, style }) => {
         case OPEN_AS_MAP:
             return <GlobeIcon style={style} />;
         case PIVOT_TABLE:
+            return <PivotTableIcon style={style} />;
         default:
             return <LineIcon style={style} />;
     }