Files
Danny White ac1006fc1a chore(design-system): admonition background fill (#39474)
* add colour to admonition

* clarify design docs

* remove old references to alert

* better docs

* remove redundant className

* consolidate colors

* improve docs

* restore alert

* remove unrelated work
2025-12-05 02:11:16 +00:00

27 lines
851 B
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import Link from 'next/link'
import { useParams } from 'common'
import { InlineLink } from 'components/ui/InlineLink'
import { DOCS_URL } from 'lib/constants'
import { Button } from 'ui'
import { Admonition } from 'ui-patterns/admonition'
export const EmailRateLimitsAlert = () => {
const { ref } = useParams()
return (
<Admonition type="warning" title="Set up custom SMTP">
<p>
You’re using the built-in email service. This service has rate limits and is not meant to be
used for production apps.{' '}
<InlineLink href={`${DOCS_URL}/guides/platform/going-into-prod#auth-rate-limits`}>
Learn more
</InlineLink>{' '}
</p>
<Button asChild type="default" className="mt-2">
<Link href={`/project/${ref}/auth/smtp`}>Set up SMTP</Link>
</Button>
</Admonition>
)
}