@@ -7,7 +7,7 @@ import Dropdown from 'react-bootstrap/Dropdown'
77import { useShowModal } from './modal'
88import { useToast } from './toast'
99
10- export default function Delete ( { itemId, children, onDelete, type = 'post' } ) {
10+ export default function Delete ( { itemId, children, onDelete, type = 'post' , founder = false } ) {
1111 const showModal = useShowModal ( )
1212
1313 const [ deleteItem ] = useMutation (
@@ -43,6 +43,7 @@ export default function Delete ({ itemId, children, onDelete, type = 'post' }) {
4343 return (
4444 < DeleteConfirm
4545 type = { type }
46+ founder = { founder }
4647 onConfirm = { async ( ) => {
4748 const { error } = await deleteItem ( { variables : { id : itemId } } )
4849 if ( error ) {
@@ -62,36 +63,43 @@ export default function Delete ({ itemId, children, onDelete, type = 'post' }) {
6263 )
6364}
6465
65- export function DeleteConfirm ( { onConfirm, type } ) {
66+ export function DeleteConfirm ( { onConfirm, type, founder } ) {
6667 const [ error , setError ] = useState ( )
6768 const toaster = useToast ( )
6869
6970 return (
7071 < >
7172 { error && < Alert variant = 'danger' onClose = { ( ) => setError ( undefined ) } dismissible > { error } </ Alert > }
72- < p className = 'fw-bolder' > Are you sure? This is a gone forever kind of delete.</ p >
73+ < p className = 'fw-bolder' >
74+ { founder
75+ ? `Are you sure? This will permanently delete this ${ type . toLowerCase ( ) } as the territory founder.`
76+ : 'Are you sure? This is a gone forever kind of delete.' }
77+ </ p >
7378 < div className = 'd-flex justify-content-end' >
7479 < Button
7580 variant = 'danger' onClick = { async ( ) => {
7681 try {
7782 await onConfirm ( )
78- toaster . success ( `deleted ${ type . toLowerCase ( ) } ` )
83+ toaster . success ( founder
84+ ? `deleted ${ type . toLowerCase ( ) } as founder`
85+ : `deleted ${ type . toLowerCase ( ) } ` )
7986 } catch ( e ) {
8087 setError ( e . message || e )
8188 }
8289 } }
83- > delete
90+ > { founder ? ' delete as founder' : 'delete' }
8491 </ Button >
8592 </ div >
8693 </ >
8794 )
8895}
8996
9097export function DeleteDropdownItem ( props ) {
98+ const { founder } = props || { }
9199 return (
92100 < Delete { ...props } >
93101 < Dropdown . Item >
94- delete
102+ { founder ? ' delete as founder' : 'delete' }
95103 </ Dropdown . Item >
96104 </ Delete >
97105 )
0 commit comments