// @ts-nocheck
import { useParams } from 'common'
import { BookOpen } from 'lucide-react'
import Link from 'next/link'
import { Alert, AlertDescription, AlertTitle, Button, cn } from 'ui'
import { useSendEventMutation } from '@/data/telemetry/send-event-mutation'
import { useSelectedOrganizationQuery } from '@/hooks/misc/useSelectedOrganization'
import { BASE_PATH, DOCS_URL } from '@/lib/constants'
const GrafanaPromoBanner = () => (
Set up the Briven Grafana Dashboard to visualize over 200 database performance and health
metrics on your Briven project.
)
const GrafanaBannerActions = ({ className }: { className?: string }) => {
const { ref } = useParams()
const { data: org } = useSelectedOrganizationQuery()
const { mutate: sendEvent } = useSendEventMutation()
return (
} asChild>
sendEvent({
action: 'reports_database_grafana_banner_clicked',
groups: { project: ref ?? 'Unknown', organization: org?.slug ?? 'Unknown' },
})
}
>
Docs
)
}
export default GrafanaPromoBanner
