TIA.tsx51 lines · main

1	// @ts-nocheck
2	import { Download } from 'lucide-react'
3	import { Button } from 'ui'
4
5	import {
6	ScaffoldSection,
7	ScaffoldSectionContent,
8	ScaffoldSectionDetail,
9	} from '@/components/layouts/Scaffold'
10	import { useSendEventMutation } from '@/data/telemetry/send-event-mutation'
11	import { useSelectedOrganizationQuery } from '@/hooks/misc/useSelectedOrganization'
12
13	export const TIA = () => {
14	const { data: organization } = useSelectedOrganizationQuery()
15	const { mutate: sendEvent } = useSendEventMutation()
16
17	return (
18	<ScaffoldSection className="py-12">
19	<ScaffoldSectionDetail>
20	<h4 className="mb-5">Transfer Impact Assessment (TIA)</h4>
21	<div className="space-y-2 text-sm text-foreground-light [&_p]:m-0">
22	<p>
23	All organizations can access and use our TIA as part of their GDPR-compliant data
24	transfer process.
25	</p>
26	</div>
27	</ScaffoldSectionDetail>
28	<ScaffoldSectionContent>
29	<div className="@lg:flex items-center justify-center h-full">
30	<Button asChild type="default" iconRight={<Download />}>
31	<a
32	href="https://supabase.com/downloads/docs/Supabase+TIA+250314.pdf"
33	target="_blank"
34	rel="noreferrer noopener"
35	download={true}
36	onClick={() =>
37	sendEvent({
38	action: 'document_view_button_clicked',
39	properties: { documentName: 'TIA' },
40	groups: { organization: organization?.slug ?? 'Unknown' },
41	})
42	}
43	>
44	Download TIA
45	</a>
46	</Button>
47	</div>
48	</ScaffoldSectionContent>
49	</ScaffoldSection>
50	)
51	}