diff --git a/frontend/src/components/QuickFilters/QuickFilters.styles.scss b/frontend/src/components/QuickFilters/QuickFilters.styles.scss index f07fe555138b..ebf5c97701c5 100644 --- a/frontend/src/components/QuickFilters/QuickFilters.styles.scss +++ b/frontend/src/components/QuickFilters/QuickFilters.styles.scss @@ -106,9 +106,6 @@ } .no-filters-container { - display: flex; - height: 100%; - display: flex; height: 100%; gap: 8px; diff --git a/frontend/src/container/MeterExplorer/Explorer/Explorer.styles.scss b/frontend/src/container/MeterExplorer/Explorer/Explorer.styles.scss index 36a4fe8804e3..a61360b4171c 100644 --- a/frontend/src/container/MeterExplorer/Explorer/Explorer.styles.scss +++ b/frontend/src/container/MeterExplorer/Explorer/Explorer.styles.scss @@ -74,7 +74,7 @@ margin-bottom: 20px; } - .empty-metrics-search { + .empty-meter-search { display: flex; flex-direction: column; justify-content: center; @@ -101,66 +101,6 @@ width: 100%; height: fit-content; } - - .related-metrics-container { - width: 100%; - min-height: 300px; - display: flex; - flex-direction: column; - gap: 10px; - - .related-metrics-header { - display: flex; - align-items: center; - justify-content: flex-start; - - .metric-name-select { - width: 20%; - margin-right: 10px; - } - - .related-metrics-input { - width: 40%; - - .ant-input-wrapper { - .ant-input-group-addon { - .related-metrics-select { - width: 250px; - border: 1px solid var(--bg-slate-500) !important; - - .ant-select-selector { - text-align: left; - color: var(--text-vanilla-500) !important; - } - } - } - } - } - } - - .related-metrics-body { - margin-top: 20px; - max-height: 650px; - overflow-y: scroll; - - .related-metrics-card-container { - margin-bottom: 20px; - min-height: 640px; - - .related-metrics-card { - display: flex; - flex-direction: column; - gap: 16px; - - .related-metrics-card-error { - padding-top: 10px; - height: fit-content; - width: fit-content; - } - } - } - } - } } } @@ -190,7 +130,7 @@ } .lightMode { - .metrics-explorer-explore-container { + .meter-explorer-container { .explore-tabs { .tab { background-color: var(--bg-vanilla-100); diff --git a/frontend/src/container/MeterExplorer/events.ts b/frontend/src/container/MeterExplorer/events.ts index 49651fcb2ccb..926b9e62dff6 100644 --- a/frontend/src/container/MeterExplorer/events.ts +++ b/frontend/src/container/MeterExplorer/events.ts @@ -1,10 +1,10 @@ /** - * This file contains all analytics events for the Metrics Explorer. + * This file contains all analytics events for the Meter Explorer. */ export enum MeterExplorerEvents { TabChanged = 'Meter Explorer: Tab visited', - ModalOpened = 'Metrics Explorer: Modal opened', - MetricClicked = 'Meter Explorer: Metric clicked', + ModalOpened = 'Meter Explorer: Modal opened', + MeterClicked = 'Meter Explorer: Meter clicked', FilterApplied = 'Meter Explorer: Filter applied', TreemapViewChanged = 'Meter Explorer: Treemap view changed', PageNumberChanged = 'Meter Explorer: Page number changed',