From e93e788b1d7bb702b16835d9b1a8ab7bb62f5ff2 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Tue, 16 Aug 2022 17:24:58 +0200
Subject: [PATCH] fix(ui): fix nocontent height

---
 .../CustomMetricTable/CustomMetricTable.tsx   | 36 ++++++++++++-------
 .../CustomMetricTableErrors.tsx               |  7 ++--
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTable/CustomMetricTable.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTable/CustomMetricTable.tsx
index 41520394d..51c5e0ce3 100644
--- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTable/CustomMetricTable.tsx
+++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTable/CustomMetricTable.tsx
@@ -49,19 +49,29 @@ function CustomMetricTable(props: Props) {
         onClick(filters);
     }
     return (
-        <div className="" style={{ height: 240 }}>
-           <NoContent show={data.values && data.values.length === 0} size="small" title={<div className="flex items-center"><Icon name="info-circle" className="mr-2" size="18" /> No data for the selected time period</div>}>
-                <Table
-                    small
-                    cols={ getColumns(metric) }
-                    rows={ rows }
-                    rowClass="group"
-                    onRowClick={ onClickHandler }
-                    isTemplate={isTemplate}
-                />
-           </NoContent>
-        </div>
-    )
+      <div className="" style={{ height: 240 }}>
+        <NoContent
+          style={{ minHeight: 220 }}
+          show={data.values && data.values.length === 0}
+          size="small"
+          title={
+            <div className="flex items-center">
+              <Icon name="info-circle" className="mr-2" size="18" />
+              No data for the selected time period
+            </div>
+          }
+        >
+          <Table
+            small
+            cols={getColumns(metric)}
+            rows={rows}
+            rowClass="group"
+            onRowClick={onClickHandler}
+            isTemplate={isTemplate}
+          />
+        </NoContent>
+      </div>
+    );
 }
 
 export default CustomMetricTable;
diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors/CustomMetricTableErrors.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors/CustomMetricTableErrors.tsx
index 83cd55b35..dbc3c5504 100644
--- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors/CustomMetricTableErrors.tsx
+++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors/CustomMetricTableErrors.tsx
@@ -44,9 +44,10 @@ function CustomMetricTableErrors(props: RouteComponentProps & Props) {
 
     return (
         <NoContent
-        title={<div className="flex items-center"><Icon name="info-circle" size={18} className="mr-2" />No data for the selected time period</div>}
-        show={!data.errors || data.errors.length === 0}
-        size="small"
+            title={<div className="flex items-center"><Icon name="info-circle" size={18} className="mr-2" />No data for the selected time period</div>}
+            show={!data.errors || data.errors.length === 0}
+            size="small"
+            style={{ minHeight: 220 }}
         >
             <div className="pb-4">
                 {data.errors &&