Files
mqtt-explorer/app/src/components/Chart/NoData.tsx
Thomas Nordquist b5d9ff3067 Refactor chart
2019-07-13 15:57:30 +02:00

28 lines
570 B
TypeScript

import React, { memo } from 'react'
import { Typography } from '@material-ui/core'
function NoData() {
return (
<div
style={{
height: '100%',
position: 'absolute',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
width: '100%',
color: '#ccc',
verticalAlign: 'middle',
paddingLeft: '30px',
zIndex: 10,
}}
>
<Typography style={{ fontWeight: 'bold' }} variant="h5">
No Data
</Typography>
</div>
)
}
export default memo(NoData)