diff --git a/studio/pages/project/[ref]/reports/api-slow-query-finder.tsx b/studio/pages/project/[ref]/reports/api-slow-query-finder.tsx deleted file mode 100644 index e96b7c94fe7..00000000000 --- a/studio/pages/project/[ref]/reports/api-slow-query-finder.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { observer } from 'mobx-react-lite' -import { useRouter } from 'next/router' - -import { NextPageWithLayout } from 'types' -import { Presets } from 'components/interfaces/Reports/Reports.types' -import { ReportsLayout } from 'components/layouts' -import { PRESET_CONFIG } from 'components/interfaces/Reports/Reports.constants' -import ReportWidget from 'components/interfaces/Reports/ReportWidget' -import { hooksFactory, usePresetReport } from 'components/interfaces/Reports/Reports.utils' -import { renderRequestsPathsTable } from 'components/interfaces/Reports/renderers/ApiRenderers' - -export const ApiReport: NextPageWithLayout = () => { - const router = useRouter() - const { ref } = router.query - const config = PRESET_CONFIG[Presets.API] - const hooks = hooksFactory(ref as string, config) - const requestPaths = hooks.requestPaths() - const { isLoading, Layout } = usePresetReport([requestPaths], { wideLayout: true }) - return ( - - - - ) -} - -ApiReport.getLayout = (page) => {page} - -export default observer(ApiReport) diff --git a/studio/pages/project/[ref]/reports/auth.tsx b/studio/pages/project/[ref]/reports/auth.tsx deleted file mode 100644 index 6e0419aedb6..00000000000 --- a/studio/pages/project/[ref]/reports/auth.tsx +++ /dev/null @@ -1,120 +0,0 @@ -import { observer } from 'mobx-react-lite' -import { useRouter } from 'next/router' - -import { NextPageWithLayout } from 'types' -import { Presets } from 'components/interfaces/Reports/Reports.types' -import { ReportsLayout } from 'components/layouts' -import { hooksFactory, usePresetReport } from 'components/interfaces/Reports/Reports.utils' -import { PRESET_CONFIG } from 'components/interfaces/Reports/Reports.constants' -import ReportWidget from 'components/interfaces/Reports/ReportWidget' -import { - renderDailyActiveUsers, - renderNewUsers, - renderCumulativeUsers, - renderFailedMigrations, - renderSignUpProviders, - renderUnverifiedUsers, - renderBannedUsers, -} from 'components/interfaces/Reports/renderers/AuthRenderers' - -export const AuthReport: NextPageWithLayout = () => { - const router = useRouter() - const { ref } = router.query - const config = PRESET_CONFIG[Presets.AUTH] - const hooks = hooksFactory(ref as string, config) - const dailyActiveUsers = hooks.dailyActiveUsers() - const newUsers = hooks.newUsers() - const cumulativeUsers = hooks.cumulativeUsers() - const failedMigrations = hooks.failedMigrations() - const signUpProviders = hooks.signUpProviders() - const unverifiedUsers = hooks.unverifiedUsers() - const bannedUsers = hooks.bannedUsers() - - const { isLoading, Layout } = usePresetReport([ - dailyActiveUsers, - newUsers, - cumulativeUsers, - failedMigrations, - signUpProviders, - unverifiedUsers, - ]) - return ( - - - User Activity - - - - - - - - - - - Sever Health - - - - ) -} - -AuthReport.getLayout = (page) => {page} - -export default observer(AuthReport) diff --git a/studio/pages/project/[ref]/reports/storage.tsx b/studio/pages/project/[ref]/reports/storage.tsx deleted file mode 100644 index 2fa36cf6760..00000000000 --- a/studio/pages/project/[ref]/reports/storage.tsx +++ /dev/null @@ -1,108 +0,0 @@ -import { observer } from 'mobx-react-lite' -import { useRouter } from 'next/router' -import { NextPageWithLayout } from 'types' -import { Presets } from 'components/interfaces/Reports/Reports.types' -import { ReportsLayout } from 'components/layouts' -import { hooksFactory, usePresetReport } from 'components/interfaces/Reports/Reports.utils' -import { PRESET_CONFIG } from 'components/interfaces/Reports/Reports.constants' -import ReportWidget from 'components/interfaces/Reports/ReportWidget' -import { - renderCacheHitRate, - renderLargestObjectsPerBucket, - renderMostFiles, - renderStaleFiles, - renderTopDownloaded, - renderTopSizes, -} from 'components/interfaces/Reports/renderers/StorageRenderers' -import Divider from 'components/ui/Divider' - -export const StorageReport: NextPageWithLayout = () => { - const router = useRouter() - const { ref } = router.query - const config = PRESET_CONFIG[Presets.STORAGE] - const hooks = hooksFactory(ref as string, config) - const largestObjectsPerBucket = hooks.largestObjectsPerBucket() - const topDownloaded = hooks.topDownloaded() - const mostFiles = hooks.mostFiles() - const staleFiles = hooks.staleFiles() - const topSizes = hooks.topSizes() - const cacheHitRate = hooks.cacheHitRate() - - const { isLoading, Layout } = usePresetReport([ - largestObjectsPerBucket, - topDownloaded, - mostFiles, - staleFiles, - topSizes, - cacheHitRate, - ]) - return ( - - - - - - - - - - - - - - - - ) -} - -StorageReport.getLayout = (page) => {page} - -export default observer(StorageReport)