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

Merge pull request #1 from public-awesome/create-collection-tx-spinner

Browse Source 
Add spinner for Create Collection transactions
This commit is contained in:
Arda Nakışçı 2022-09-05 09:28:00 +03:00 committed by GitHub
commit e18b6e4366
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 border border-plumbus-dark': variant === 'outline',
'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,
)}

8
pages/collections/create.tsx
View File

@ -49,6 +49,7 @@ const CollectionCreationPage: NextPage = () => {
const [royaltyDetails, setRoyaltyDetails] = useState<RoyaltyDetailsDataProps | null>(null)
const [uploading, setUploading] = useState(false)
const [creatingCollection, setCreatingCollection] = useState(false)
const [readyToCreate, setReadyToCreate] = useState(false)
const [minterContractAddress, setMinterContractAddress] = useState<string | null>(null)
const [sg721ContractAddress, setSg721ContractAddress] = useState<string | null>(null)
@ -74,6 +75,7 @@ const CollectionCreationPage: NextPage = () => {
const createCollection = async () => {
try {
setCreatingCollection(true)
setBaseTokenUri(null)
setCoverImageUrl(null)
setMinterContractAddress(null)
@ -113,9 +115,11 @@ const CollectionCreationPage: NextPage = () => {
await instantiate(baseTokenUri as string, coverImageUrl as string, whitelist)
}
setCreatingCollection(false)
// eslint-disable-next-line @typescript-eslint/no-explicit-any
} catch (error: any) {
toast.error(error.message)
setCreatingCollection(false)
setUploading(false)
}
}
@ -443,9 +447,9 @@ const CollectionCreationPage: NextPage = () => {
</div>
{readyToCreate && <ConfirmationModal confirm={createCollection} />}
<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
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"
>
Create Collection