Skip to content

Commit 0102eac

Browse files
committed
feat: add PartnerModal component for adding new supporters
1 parent 0e357ac commit 0102eac

File tree

1 file changed

+58
-0
lines changed
  • app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/[id]/contributors

1 file changed

+58
-0
lines changed
Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
import React from 'react';
2+
import { Dialog,Button,TextField,DropZone } from 'opub-ui';
3+
4+
type ModalProps = {
5+
6+
setIsModalOpen?: (value: boolean) => void;
7+
isModalOpen?: false;
8+
};
9+
10+
11+
const PartnerModal: React.FC<ModalProps> = ({isModalOpen,setIsModalOpen}) => {
12+
return (
13+
<div>
14+
{' '}
15+
<Dialog open={isModalOpen} onOpenChange={(open) => setIsModalOpen?.(open)}>
16+
<Dialog.Trigger asChild>
17+
<Button kind="tertiary" className="w-fit font-bold underline">
18+
Add New Supporter{' '}
19+
</Button>
20+
</Dialog.Trigger>
21+
<Dialog.Content title={'Add New Supporter'} limitHeight>
22+
<div className=" flex flex-col gap-6">
23+
<div>
24+
<TextField
25+
label="Organization Name"
26+
name="org_name"
27+
type="url"
28+
value={''}
29+
onChange={(e) => console.log(e)}
30+
/>
31+
</div>
32+
<div>
33+
<TextField
34+
label="Organization Url"
35+
name="org_url"
36+
type="url"
37+
value={''}
38+
onChange={(e) => console.log(e)}
39+
/>
40+
</div>
41+
<div>
42+
<DropZone
43+
label={'Upload Logo'}
44+
onDrop={(e) => console.log(e)}
45+
name={'Logo'}
46+
>
47+
<DropZone.FileUpload actionTitle={''} />
48+
</DropZone>
49+
</div>
50+
<Button>Save</Button>
51+
</div>
52+
</Dialog.Content>
53+
</Dialog>{' '}
54+
</div>
55+
);
56+
};
57+
58+
export default PartnerModal;

0 commit comments

Comments
 (0)