File tree Expand file tree Collapse file tree 1 file changed +58
-0
lines changed
app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/[id]/contributors Expand file tree Collapse file tree 1 file changed +58
-0
lines changed Original file line number Diff line number Diff line change 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 ;
You can’t perform that action at this time.
0 commit comments