nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
connections
/
components
/
addConnectionDrawer
/
AddConnectionDrawer.tsx
885 B
37 lines
1'use client';
2
3import { Container, Drawer } from '@mantine/core';
4import { DEFAULT_OVERLAY_PROPS } from '@/styles/overlays';
5import AddConnectionForm from './AddConnectionForm';
6
7interface Props {
8 isOpen: boolean;
9 onClose: () => void;
10 sourceUrl: string;
11}
12
13export default function AddConnectionDrawer(props: Props) {
14 return (
15 <Drawer
16 opened={props.isOpen}
17 onClose={props.onClose}
18 withCloseButton={false}
19 size={'30.5rem'}
20 padding={'sm'}
21 position="bottom"
22 overlayProps={DEFAULT_OVERLAY_PROPS}
23 >
24 <Drawer.Header>
25 <Drawer.Title fz={'xl'} fw={600} mx={'auto'}>
26 New Connection
27 </Drawer.Title>
28 </Drawer.Header>
29 <Container size={'sm'} p={0}>
30 <AddConnectionForm
31 onClose={props.onClose}
32 sourceUrl={props.sourceUrl}
33 />
34 </Container>
35 </Drawer>
36 );
37}