From d017bbd1ad19345af0121f8bb0cf805f977e55f6 Mon Sep 17 00:00:00 2001
From: Determinant <ted.sybil@gmail.com>
Date: Sun, 24 Feb 2019 15:49:59 -0500
Subject: prettify the doughnut chart

---
 src/popup.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/popup.tsx')

diff --git a/src/popup.tsx b/src/popup.tsx
index d0f714b..81b42ae 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -11,7 +11,7 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 
 import Logo from './Logo';
 import { theme } from './theme';
-import { StyledPatternPieChart } from './Chart';
+import { DoughnutChart } from './Chart';
 import { MsgType, MsgClient } from './msg';
 import { GraphData } from './graph';
 import moment from 'moment';
@@ -47,7 +47,7 @@ type PopupProps = {
     }
 };
 
-class Popup extends React.Component<PopupProps> {
+class _Popup extends React.Component<PopupProps> {
     msgClient: MsgClient;
     state = {
         patternGraphData: [] as GraphData[],
@@ -108,7 +108,7 @@ class Popup extends React.Component<PopupProps> {
                     ${moment(d.end).format('ddd, MMM Do, YYYY')}`}
                     </Typography>
                     {(d.data.some(dd => dd.value > 1e-3) &&
-                    <div style={{height: 300}}><StyledPatternPieChart data={d.data} /></div>) ||
+                        <DoughnutChart height={300} data={d.data} />) ||
                     <Typography variant="subtitle1" align="center" color="textSecondary">
                         No matching events.
                     </Typography>}
@@ -124,6 +124,6 @@ class Popup extends React.Component<PopupProps> {
     }
 }
 
-const StyledPopup = withStyles(styles)(Popup);
+const Popup = withStyles(styles)(_Popup);
 
-ReactDOM.render(<StyledPopup />, document.getElementById('root'));
+ReactDOM.render(<Popup />, document.getElementById('root'));
-- 
cgit v1.2.3-70-g09d2

