Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { Alert, Button, Stack, Text, TextInput, Title } from '@mantine/core'; import { showNotification } from '@mantine/notifications'; import '@mantine/notifications/styles.css'; import { normalizeErrorString } from '@medplum/core'; import type { Organization } from '@medplum/fhirtypes'; import { Document, useMedplum } from '@medplum/react'; import { IconAlertCircle } from '@tabler/icons-react'; import { useState } from 'react'; import type { JSX } from 'react'; import { useNavigate } from 'react-router'; import { useAdminStatus } from '../utils/admin'; /** * A page component for creating a new clinic in the system. * Provides a form for entering clinic details and handles the creation process. * * @returns The new clinic creation page */ export function NewClinicPage(): JSX.Element { const medplum = useMedplum(); const navigate = useNavigate(); const [name, setName] = useState<string>(''); const { isAdmin, loading: adminLoading } = useAdminStatus(); const handleCreateClinic = async (): Promise<void> => { if (!name) { return; } try { await medplum.createResource<Organization>({ resourceType: 'Organization', name: name, active: true, }); showNotification({ title: 'Success', message: 'Clinic created successfully', color: 'green', }); // Navigate to the new organization's page navigate('/Organization')?.catch(console.error); } catch (error) { showNotification({ title: 'Error', message: normalizeErrorString(error), color: 'red', }); } }; // If still checking admin status, show loading if (adminLoading) { return ( <Document> <Stack gap="md"> <Title>Create New Clinic</Title> <Text>Loading...</Text> </Stack> </Document> ); } // If user is not an admin, show access denied message if (!isAdmin) { return ( <Document> <Stack gap="md"> <Title>Create New Clinic</Title> <Alert icon={<IconAlertCircle size={16} />} title="Access Denied" color="red"> You need to be an Admin to view this page. Please contact your system administrator for access. </Alert> </Stack> </Document> ); } return ( <Document> <Stack gap="md"> <Title>Create New Clinic</Title> <TextInput label="Clinic Name" placeholder="Enter clinic name" value={name} onChange={(e) => setName(e.target.value)} required /> <Button onClick={handleCreateClinic} disabled={!name}> Create Clinic </Button> </Stack> </Document> ); }