1
1
import { EuiSwitch , EuiTitle } from '@elastic/eui'
2
-
2
+ import { useDispatch , useSelector } from 'react-redux'
3
+ import React , { useEffect , useState } from 'react'
3
4
import cx from 'classnames'
5
+ import AutoSizer from 'react-virtualized-auto-sizer'
4
6
5
- import { DEFAULT_EXTRAPOLATION } from 'uiSrc/pages/databaseAnalysis'
7
+ import { DEFAULT_EXTRAPOLATION , SectionName } from 'uiSrc/pages/databaseAnalysis'
6
8
import { extrapolate , formatBytes , formatExtrapolation , Nullable } from 'uiSrc/utils'
7
9
import { BarChart } from 'uiSrc/components/charts'
8
10
import { BarChartData , BarChartDataType , DEFAULT_BAR_WIDTH , DEFAULT_MULTIPLIER_GRID , DEFAULT_Y_TICKS } from 'uiSrc/components/charts/bar-chart'
9
- import { DBAnalysisReportsSelector , setShowNoExpiryGroup } from 'uiSrc/slices/analytics/dbAnalysis'
11
+ import { dbAnalysisReportsSelector , setShowNoExpiryGroup } from 'uiSrc/slices/analytics/dbAnalysis'
10
12
import { DatabaseAnalysis } from 'apiSrc/modules/database-analysis/models'
11
13
12
14
import styles from './styles.module.scss'
@@ -22,7 +24,7 @@ const ExpirationGroupsView = (props: Props) => {
22
24
const { data, loading, extrapolation, onSwitchExtrapolation } = props
23
25
const { totalMemory, totalKeys } = data || { }
24
26
25
- const { showNoExpiryGroup } = useSelector ( DBAnalysisReportsSelector )
27
+ const { showNoExpiryGroup } = useSelector ( dbAnalysisReportsSelector )
26
28
const [ expirationGroups , setExpirationGroups ] = useState < BarChartData [ ] > ( [ ] )
27
29
const [ isExtrapolated , setIsExtrapolated ] = useState < boolean > ( true )
28
30
0 commit comments