diff --git a/apps/studio/pages/project/[ref]/observability/realtime.tsx b/apps/studio/pages/project/[ref]/observability/realtime.tsx index d183d09358c..390c9d48bd4 100644 --- a/apps/studio/pages/project/[ref]/observability/realtime.tsx +++ b/apps/studio/pages/project/[ref]/observability/realtime.tsx @@ -1,30 +1,26 @@ import { useQueryClient } from '@tanstack/react-query' import { useFlag, useParams } from 'common' -import dayjs from 'dayjs' -import { ArrowRight, RefreshCw } from 'lucide-react' -import { useEffect, useMemo, useRef, useState } from 'react' - import ReportFilterBar from 'components/interfaces/Reports/ReportFilterBar' import ReportHeader from 'components/interfaces/Reports/ReportHeader' import ReportPadding from 'components/interfaces/Reports/ReportPadding' +import { REPORT_DATERANGE_HELPER_LABELS } from 'components/interfaces/Reports/Reports.constants' +import ReportStickyNav from 'components/interfaces/Reports/ReportStickyNav' +import { SharedAPIReport } from 'components/interfaces/Reports/SharedAPIReport/SharedAPIReport' +import { useSharedAPIReport } from 'components/interfaces/Reports/SharedAPIReport/SharedAPIReport.constants' import { ReportChartV2 } from 'components/interfaces/Reports/v2/ReportChartV2' import { LogsDatePicker } from 'components/interfaces/Settings/Logs/Logs.DatePickers' +import UpgradePrompt from 'components/interfaces/Settings/Logs/UpgradePrompt' import DefaultLayout from 'components/layouts/DefaultLayout' import ObservabilityLayout from 'components/layouts/ObservabilityLayout/ObservabilityLayout' import { ButtonTooltip } from 'components/ui/ButtonTooltip' -import { useDatabaseSelectorStateSnapshot } from 'state/database-selector' - -import { REPORT_DATERANGE_HELPER_LABELS } from 'components/interfaces/Reports/Reports.constants' -import ReportStickyNav from 'components/interfaces/Reports/ReportStickyNav' -import UpgradePrompt from 'components/interfaces/Settings/Logs/UpgradePrompt' -import { useRefreshHandler, useReportDateRange } from 'hooks/misc/useReportDateRange' - -import { SharedAPIReport } from 'components/interfaces/Reports/SharedAPIReport/SharedAPIReport' -import { useSharedAPIReport } from 'components/interfaces/Reports/SharedAPIReport/SharedAPIReport.constants' -import { realtimeReports } from 'data/reports/v2/realtime.config' -import type { NextPageWithLayout } from 'types' -import { Admonition } from 'ui-patterns' import { ObservabilityLink } from 'components/ui/ObservabilityLink' +import { realtimeReports } from 'data/reports/v2/realtime.config' +import dayjs from 'dayjs' +import { useRefreshHandler, useReportDateRange } from 'hooks/misc/useReportDateRange' +import { ArrowRight, RefreshCw } from 'lucide-react' +import { useEffect, useMemo, useRef, useState } from 'react' +import { useDatabaseSelectorStateSnapshot } from 'state/database-selector' +import type { NextPageWithLayout } from 'types' const RealtimeReport: NextPageWithLayout = () => { return ( @@ -46,7 +42,6 @@ export default RealtimeReport const RealtimeUsage = () => { const [isRefreshing, setIsRefreshing] = useState(false) const { db, chart, ref } = useParams() - const showEUAlert = useFlag('realtimeReportEUAlert') const { selectedDateRange, @@ -134,13 +129,6 @@ const RealtimeUsage = () => { return ( <> - {showEUAlert ? ( - - ) : null}