9dc19a99ab
* UI changes & improvements (#41) * Remove show advanced options button, add symbol input * Add checks for minting time constraints * Royalty share input placeholder update * Update input subtitles & error messages * Token price subtitles now include minimum token price * Ensure the files to be uploaded are in numerical order starting from 1 * Add collection creation confirmation modal * Make some changes Co-authored-by: findolor <anakisci@gmail.com> * Airdrop feature added to collection actions (#42) Co-authored-by: name-user1 <eray@deuslabs.fi> Co-authored-by: Serkan Reis <serkanreis@gmail.com> Co-authored-by: name-user1 <101495985+name-user1@users.noreply.github.com> Co-authored-by: name-user1 <eray@deuslabs.fi>
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { Button } from './Button'
|
|
|
|
export interface ConfirmationModalProps {
|
|
confirm: () => void
|
|
}
|
|
export const ConfirmationModal = (props: ConfirmationModalProps) => {
|
|
return (
|
|
<div>
|
|
<input className="modal-toggle" id="my-modal-2" type="checkbox" />
|
|
<label className="cursor-pointer modal" htmlFor="my-modal-2">
|
|
<label
|
|
className="absolute top-[40%] bottom-5 left-1/3 max-w-xl max-h-40 border-2 no-scrollbar modal-box"
|
|
htmlFor="temp"
|
|
>
|
|
{/* <Alert type="warning"></Alert> */}
|
|
<div className="text-xl font-bold">
|
|
Are you sure to create a collection with the specified assets, metadata and parameters?
|
|
</div>
|
|
<div className="flex justify-end w-full">
|
|
<Button className="px-0 mt-4 mr-5 mb-4 max-h-12 bg-gray-600 hover:bg-gray-600">
|
|
<label
|
|
className="w-full h-full text-white bg-gray-600 hover:bg-gray-600 border-0 btn modal-button"
|
|
htmlFor="my-modal-2"
|
|
>
|
|
Go Back
|
|
</label>
|
|
</Button>
|
|
<Button className="px-0 mt-4 mb-4 max-h-12" onClick={props.confirm}>
|
|
<label
|
|
className="w-full h-full text-white bg-plumbus-light hover:bg-plumbus-light border-0 btn modal-button"
|
|
htmlFor="my-modal-2"
|
|
>
|
|
Confirm
|
|
</label>
|
|
</Button>
|
|
</div>
|
|
</label>
|
|
</label>
|
|
</div>
|
|
)
|
|
}
|