konnosDashboard
HIPAA.tsx57 lines · main
1// @ts-nocheck
2import { ExternalLink } from 'lucide-react'
3import { Button } from 'ui'
4
5import {
6 ScaffoldSection,
7 ScaffoldSectionContent,
8 ScaffoldSectionDetail,
9} from '@/components/layouts/Scaffold'
10import { useSendEventMutation } from '@/data/telemetry/send-event-mutation'
11import { useSelectedOrganizationQuery } from '@/hooks/misc/useSelectedOrganization'
12
13export const HIPAA = () => {
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">HIPAA</h4>
21 <div className="space-y-2 text-sm text-foreground-light [&_p]:m-0">
22 <p>
23 This is only for HIPAA requests. Please ignore this if you already have HIPAA enabled.
24 </p>
25 <p>
26 Organizations on the Team Plan or above are eligible for a paid HIPAA compliance add-on.
27 You can submit a request here and we will get back to you on the pricing and process for
28 your use case.
29 </p>
30 <p>
31 Organizations on the Free or Pro Plan can also submit a request for HIPAA. Note that you
32 are still required to upgrade to the Team Plan after your request is approved.
33 </p>
34 </div>
35 </ScaffoldSectionDetail>
36 <ScaffoldSectionContent>
37 <div className="@lg:flex items-center justify-center h-full">
38 <Button asChild type="default" iconRight={<ExternalLink />}>
39 <a
40 href="https://forms.supabase.com/hipaa2"
41 target="_blank"
42 rel="noreferrer noopener"
43 onClick={() =>
44 sendEvent({
45 action: 'hipaa_request_button_clicked',
46 groups: { organization: organization?.slug ?? 'Unknown' },
47 })
48 }
49 >
50 Request HIPAA
51 </a>
52 </Button>
53 </div>
54 </ScaffoldSectionContent>
55 </ScaffoldSection>
56 )
57}