RestorePaidPlanProjectNotice.tsx28 lines · main

1	import { ExternalLink } from 'lucide-react'
2	import { Alert, AlertDescription, AlertTitle, Button, WarningIcon } from 'ui'
3
4	import { DOCS_URL } from '@/lib/constants'
5
6	export const RestorePaidPlanProjectNotice = () => {
7	return (
8	<Alert>
9	<WarningIcon />
10	<AlertTitle>Project will count towards compute usage once restored</AlertTitle>
11	<AlertDescription>
12	For every hour your instance is active, we will bill you based on the compute size of your
13	project.
14	</AlertDescription>
15	<AlertDescription className="mt-3">
16	<Button asChild type="default" icon={<ExternalLink />}>
17	<a
18	href={`${DOCS_URL}/guides/platform/manage-your-usage/compute`}
19	target="_blank"
20	rel="noreferrer"
21	>
22	More information
23	</a>
24	</Button>
25	</AlertDescription>
26	</Alert>
27	)
28	}