Files
supabase/apps/studio/components/ui/ObservabilityLink.tsx
T
kemal.earth ce48c64f68 feat(studio): generic observability banner (#40957)
* feat: more generic observability banner on db report

* feat: try popup in corner

* feat: tidy up and fix up event as well

* feat: add event for dismiss as well

* feat: add supplementary link at bottom of reports

* fix: sizing of fonts

* feat: banner stack approach

* fix: isIndexAdvisorAvailable dep

* chore: remove unused import for old banner

* feat: remove unused isDismissed

* chore: remove unused cn

* chore: change prio on query perf page

* chore: remove unused sendEvent

* chore: better useEffect cleanup

* chore: remove unused index advisor notice

* fix: priority of banner stack

* fix: first time loader flickering

* chore: lowercase the word Free

* feat: add IS_PLATFORM to make sure metrics api banner is scoped to platform

* chore: another copy update for observability link

* fix: telemetry keys to match styleguide

* fix: use the correct way to apply events

* feat: add events for index advisor banner too

* chore: delete unused old banner

* fix: dismiss buttons not working

* feat: add extra event to enable index advisor
2025-12-04 11:42:31 +00:00

20 lines
606 B
TypeScript

import { DOCS_URL } from 'lib/constants'
import Link from 'next/link'
export const ObservabilityLink = () => {
return (
<div className="flex items-center justify-center gap-1.5 text-sm">
<p className="text-foreground-light">
Export Metrics to your dashboards.{' '}
<Link
href={`${DOCS_URL}/guides/telemetry/metrics`}
className="text-foreground underline underline-offset-2 decoration-foreground-muted hover:decoration-foreground transition-all"
target="_blank"
>
Get started for free!
</Link>
</p>
</div>
)
}