diff --git a/src/Components/Charts/ChartBox/EmptyView.jsx b/src/Components/Charts/ChartBox/EmptyView.jsx
index 4c5181b49..d980fbdb2 100644
--- a/src/Components/Charts/ChartBox/EmptyView.jsx
+++ b/src/Components/Charts/ChartBox/EmptyView.jsx
@@ -8,10 +8,9 @@ const EmptyView = ({
icon,
header,
message = "No Data",
- size = "h2",
- borderRadiusRight = 4,
+ headingLevel = "h2",
justifyContent = "flex-start",
- height = "300px"
+ height = "100%"
}) => {
const theme = useTheme();
return (
@@ -25,8 +24,8 @@ const EmptyView = ({
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
borderRadius: 2,
- borderTopRightRadius: borderRadiusRight,
- borderBottomRightRadius: borderRadiusRight,
+ borderTopRightRadius: 4,
+ borderBottomRightRadius: 4,
}}
>
-
+
{message}
@@ -76,7 +74,7 @@ EmptyView.propTypes = {
message: PropTypes.string,
icon: PropTypes.node,
header: PropTypes.string,
- size: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'body1', 'body2'])
+ headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3'])
};
export default EmptyView;
\ No newline at end of file
diff --git a/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx b/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
index edded4b72..6e4cedbd7 100644
--- a/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
+++ b/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
@@ -97,7 +97,7 @@ const ChartBoxes = ({
icon={}
header="Incidents"
noDataMessage="Great. No Incidents, yet!"
- isEmpty={!monitor?.groupedDownChecks?.length}
+ isEmpty={monitor?.groupedDownChecks?.length === 0}
>