import RouteTab from 'components/RouteTab'; import ROUTES from 'constants/routes'; import React from 'react'; import { generatePath, useParams } from 'react-router-dom'; import { useLocation } from 'react-use'; import { Widgets } from 'types/api/dashboard/getAll'; import ResourceAttributesFilter from './ResourceAttributesFilter'; import DBCall from './Tabs/DBCall'; import External from './Tabs/External'; import Overview from './Tabs/Overview'; const getWidget = (query: Widgets['query']): Widgets => { return { description: '', id: '', isStacked: false, nullZeroValues: '', opacity: '0', panelTypes: 'TIME_SERIES', query, queryData: { data: [], error: false, errorMessage: '', loading: false, }, timePreferance: 'GLOBAL_TIME', title: '', stepSize: 60, }; }; function OverViewTab(): JSX.Element { return ; } function DbCallTab(): JSX.Element { return ; } function ExternalTab(): JSX.Element { return ; } function ServiceMetrics(): JSX.Element { const { search } = useLocation(); const { servicename } = useParams<{ servicename: string }>(); const searchParams = new URLSearchParams(search); const tab = searchParams.get('tab'); const overMetrics = 'Overview Metrics'; const dbCallMetrics = 'Database Calls'; const externalMetrics = 'External Calls'; const getActiveKey = (): string => { if (tab === null) { return overMetrics; } if (tab === dbCallMetrics) { return dbCallMetrics; } if (tab === externalMetrics) { return externalMetrics; } return overMetrics; }; const activeKey = getActiveKey(); return ( <> ); } export default React.memo(ServiceMetrics);