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

Merge pull request #130 from public-awesome/sg721-updatable-switch

Browse Source 
Conditionally disable sg721-updatable functionality
This commit is contained in:
Serkan Reis 2023-03-27 15:06:43 +03:00 committed by GitHub
commit ae380dea0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 40 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/collections/actions/actions.ts
View File

@ -1,3 +1,5 @@
/* eslint-disable eslint-comments/disable-enable-pair */
import { useBaseMinterContract } from 'contracts/baseMinter' import { useBaseMinterContract } from 'contracts/baseMinter'
import type { CollectionInfo, SG721Instance } from 'contracts/sg721' import type { CollectionInfo, SG721Instance } from 'contracts/sg721'
import { useSG721Contract } from 'contracts/sg721' import { useSG721Contract } from 'contracts/sg721'

62
components/collections/creation/CollectionDetails.tsx
View File

@ -4,6 +4,7 @@
/* eslint-disable @typescript-eslint/no-unsafe-member-access */ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
import clsx from 'clsx' import clsx from 'clsx'
import { Conditional } from 'components/Conditional'
import { FormControl } from 'components/FormControl' import { FormControl } from 'components/FormControl'
import { FormGroup } from 'components/FormGroup' import { FormGroup } from 'components/FormGroup'
import { useInputState } from 'components/forms/FormInput.hooks' import { useInputState } from 'components/forms/FormInput.hooks'
@ -12,6 +13,7 @@ import { Tooltip } from 'components/Tooltip'
import type { ChangeEvent } from 'react' import type { ChangeEvent } from 'react'
import { useEffect, useRef, useState } from 'react' import { useEffect, useRef, useState } from 'react'
import { toast } from 'react-hot-toast' import { toast } from 'react-hot-toast'
import { SG721_UPDATABLE_CODE_ID } from 'utils/constants'
import { TextInput } from '../../forms/FormInput' import { TextInput } from '../../forms/FormInput'
import type { MinterType } from '../actions/Combobox' import type { MinterType } from '../actions/Combobox'
@ -241,36 +243,38 @@ export const CollectionDetails = ({ onChange, uploadMethod, coverImageUrl, minte
</div> </div>
</div> </div>
</div> </div>
<Tooltip <Conditional test={SG721_UPDATABLE_CODE_ID > 0}>
backgroundColor="bg-blue-500" <Tooltip
label={ backgroundColor="bg-blue-500"
<div className="grid grid-flow-row"> label={
<span> <div className="grid grid-flow-row">
ℹ️ When enabled, the metadata for tokens can be updated after the collection is created until the <span>
collection is frozen by the creator. ℹ️ When enabled, the metadata for tokens can be updated after the collection is created until the
</span> collection is frozen by the creator.
</div> </span>
} </div>
placement="bottom" }
> placement="bottom"
<div
className={clsx(
minterType === 'base'
? 'flex flex-col -ml-16 space-y-2 w-1/2 form-control'
: 'flex flex-col space-y-2 w-3/4 form-control',
)}
> >
<label className="justify-start cursor-pointer label"> <div
<span className="mr-4 font-bold">Updatable Token Metadata</span> className={clsx(
<input minterType === 'base'
checked={updatable} ? 'flex flex-col -ml-16 space-y-2 w-1/2 form-control'
className={`toggle ${updatable ? `bg-stargaze` : `bg-gray-600`}`} : 'flex flex-col space-y-2 w-3/4 form-control',
onClick={() => setUpdatable(!updatable)} )}
type="checkbox" >
/> <label className="justify-start cursor-pointer label">
</label> <span className="mr-4 font-bold">Updatable Token Metadata</span>
</div> <input
</Tooltip> checked={updatable}
className={`toggle ${updatable ? `bg-stargaze` : `bg-gray-600`}`}
onClick={() => setUpdatable(!updatable)}
type="checkbox"
/>
</label>
</div>
</Tooltip>
</Conditional>
</FormGroup> </FormGroup>
</div> </div>
) )

2
components/collections/creation/MintingDetails.tsx
View File

@ -77,7 +77,7 @@ export const MintingDetails = ({ onChange, numberOfTokens, uploadMethod }: Minti
unitPrice: unitPriceState.value ? (Number(unitPriceState.value) * 1_000_000).toString() : '', unitPrice: unitPriceState.value ? (Number(unitPriceState.value) * 1_000_000).toString() : '',
perAddressLimit: perAddressLimitState.value, perAddressLimit: perAddressLimitState.value,
startTime: timestamp ? (timestamp.getTime() * 1_000_000).toString() : '', startTime: timestamp ? (timestamp.getTime() * 1_000_000).toString() : '',
paymentAddress: paymentAddressState.value, paymentAddress: paymentAddressState.value.trim(),
} }
onChange(data) onChange(data)
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps

5
pages/collections/create.tsx
View File

@ -770,7 +770,10 @@ const CollectionCreationPage: NextPage = () => {
) )
if (mintingDetails.startTime === '') throw new Error('Start time is required') if (mintingDetails.startTime === '') throw new Error('Start time is required')
if (Number(mintingDetails.startTime) < new Date().getTime() * 1000000) throw new Error('Invalid start time') if (Number(mintingDetails.startTime) < new Date().getTime() * 1000000) throw new Error('Invalid start time')
if (mintingDetails.paymentAddress && !isValidAddress(mintingDetails.paymentAddress)) if (
mintingDetails.paymentAddress &&
(!isValidAddress(mintingDetails.paymentAddress) || !mintingDetails.paymentAddress.startsWith('stars1'))
)
throw new Error('Invalid payment address') throw new Error('Invalid payment address')
} }