diff options
author | Determinant <ted.sybil@gmail.com> | 2019-02-19 18:35:36 -0500 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-02-19 18:35:36 -0500 |
commit | fbfef737e35ed4943df55e84505640d6eb54c09d (patch) | |
tree | 5f89452755a6f789802f122a4bb6daa9d21731db /src/tab.tsx | |
parent | a0c4c906fb45dc37be38683f3caf13d310e8961d (diff) |
add donut pic
Diffstat (limited to 'src/tab.tsx')
-rw-r--r-- | src/tab.tsx | 29 |
1 files changed, 24 insertions, 5 deletions
diff --git a/src/tab.tsx b/src/tab.tsx index 5777dbe..727a3a5 100644 --- a/src/tab.tsx +++ b/src/tab.tsx @@ -10,6 +10,7 @@ import Grid from '@material-ui/core/Grid'; import CircularProgress from '@material-ui/core/CircularProgress'; import Logo from './Logo'; +import Donut from './Donut'; import { theme } from './theme'; import { StyledPatternPieChart } from './Chart'; import { MsgType, MsgClient } from './msg'; @@ -116,11 +117,29 @@ class Tab extends React.Component<TabProps> { radialLabelsLinkDiagonalLength={40} labelFontSize={14} padAngle={0.8} /> - </div> - ) || - <Typography variant="subtitle1" align="center" color="textSecondary"> - No matching events. - </Typography>} + </div>) || + <div style={{ + height: 250, + marginLeft: 100, + marginRight: 100, + marginTop: 60, + marginBottom: 60, + textAlign: 'center', + position: 'relative' + }}> + <Donut style={{ + height: '100%' + }} /> + <div style={{ + position: 'absolute', + top: -40, + left: 83, + }}> + <Typography variant="subtitle1" align="center" color="textSecondary"> + No matching events. + </Typography> + </div> + </div>} </Grid> ))) || ( <div className={classes.loading}><CircularProgress color="primary" /></div> |