LaconicNetwork/stargaze-studio
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add spinner for create collection transactions

Browse Source
This commit is contained in:
Serkan Reis 2022-09-02 21:45:42 +03:00
parent 9dc19a99ab
commit 3b8cd7588c
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Button.tsx
View File

@ -25,7 +25,7 @@ export const Button = (props: ButtonProps) => {
'bg-plumbus hover:bg-plumbus-light rounded ': variant === 'solid', 'bg-plumbus hover:bg-plumbus-light rounded ': variant === 'solid',
'bg-plumbus hover:bg-plumbus-light rounded border border-plumbus-dark': variant === 'outline', 'bg-plumbus hover:bg-plumbus-light rounded border border-plumbus-dark': variant === 'outline',
'opacity-50 cursor-not-allowed pointer-events-none': isDisabled, 'opacity-50 cursor-not-allowed pointer-events-none': isDisabled,
'animate-pulse cursor-wait pointer-events-none': isLoading, 'pl-2 animate-pulse cursor-wait pointer-events-none': isLoading,
}, },
className, className,
)} )}

8
pages/collections/create.tsx
View File

@ -49,6 +49,7 @@ const CollectionCreationPage: NextPage = () => {
const [royaltyDetails, setRoyaltyDetails] = useState<RoyaltyDetailsDataProps | null>(null) const [royaltyDetails, setRoyaltyDetails] = useState<RoyaltyDetailsDataProps | null>(null)
const [uploading, setUploading] = useState(false) const [uploading, setUploading] = useState(false)
const [creatingCollection, setCreatingCollection] = useState(false)
const [readyToCreate, setReadyToCreate] = useState(false) const [readyToCreate, setReadyToCreate] = useState(false)
const [minterContractAddress, setMinterContractAddress] = useState<string | null>(null) const [minterContractAddress, setMinterContractAddress] = useState<string | null>(null)
const [sg721ContractAddress, setSg721ContractAddress] = useState<string | null>(null) const [sg721ContractAddress, setSg721ContractAddress] = useState<string | null>(null)
@ -74,6 +75,7 @@ const CollectionCreationPage: NextPage = () => {
const createCollection = async () => { const createCollection = async () => {
try { try {
setCreatingCollection(true)
setBaseTokenUri(null) setBaseTokenUri(null)
setCoverImageUrl(null) setCoverImageUrl(null)
setMinterContractAddress(null) setMinterContractAddress(null)
@ -113,9 +115,11 @@ const CollectionCreationPage: NextPage = () => {
await instantiate(baseTokenUri as string, coverImageUrl as string, whitelist) await instantiate(baseTokenUri as string, coverImageUrl as string, whitelist)
} }
setCreatingCollection(false)
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
} catch (error: any) { } catch (error: any) {
toast.error(error.message) toast.error(error.message)
setCreatingCollection(false)
setUploading(false) setUploading(false)
} }
} }
@ -443,9 +447,9 @@ const CollectionCreationPage: NextPage = () => {
</div> </div>
{readyToCreate && <ConfirmationModal confirm={createCollection} />} {readyToCreate && <ConfirmationModal confirm={createCollection} />}
<div className="flex justify-end w-full"> <div className="flex justify-end w-full">
<Button className="px-0 mb-6 max-h-12" onClick={performChecks} variant="solid"> <Button className="px-0 mb-6 max-h-12" isLoading={creatingCollection} onClick={performChecks} variant="solid">
<label <label
className="relative justify-end w-full h-full text-white bg-plumbus-light hover:bg-plumbus-light border-0 btn modal-button" className="relative justify-end w-full h-full text-white bg-plumbus hover:bg-plumbus border-0 btn modal-button"
htmlFor="my-modal-2" htmlFor="my-modal-2"
> >
Create Collection Create Collection