diff options
Diffstat (limited to 'src/popup.tsx')
-rw-r--r-- | src/popup.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
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')); |