DiskManagementPanelForm.tsx45 lines · main

1	import { useParams } from 'common'
2	import Link from 'next/link'
3	import { Button } from 'ui'
4	import {
5	PageSection,
6	PageSectionContent,
7	PageSectionMeta,
8	PageSectionSummary,
9	PageSectionTitle,
10	} from 'ui-patterns'
11	import { Admonition } from 'ui-patterns/admonition'
12
13	import { DocsButton } from '../../ui/DocsButton'
14	import { DOCS_URL } from '@/lib/constants'
15
16	// [Joshen] Only used for non AWS projects
17	export function DiskManagementPanelForm() {
18	const { ref: projectRef } = useParams()
19
20	return (
21	<PageSection id="disk-management">
22	<PageSectionMeta>
23	<PageSectionSummary>
24	<PageSectionTitle>Disk management</PageSectionTitle>
25	</PageSectionSummary>
26	<DocsButton href={`${DOCS_URL}/guides/platform/database-size#disk-management`} />
27	</PageSectionMeta>
28	<PageSectionContent>
29	<Admonition
30	type="default"
31	layout="responsive"
32	title="Disk Management has moved"
33	description="Disk configuration is now managed alongside Project Compute on the new Compute and Disk page."
34	actions={
35	<Button type="default" asChild>
36	<Link href={`/project/${projectRef}/settings/compute-and-disk`}>
37	Go to Compute and Disk
38	</Link>
39	</Button>
40	}
41	/>
42	</PageSectionContent>
43	</PageSection>
44	)
45	}