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

Auto-handle animation url for on-chain metadata uploads

Browse Source
This commit is contained in:
Serkan Reis 2023-06-15 17:53:56 +03:00
parent 8f14b92a80
commit 092a0f3f33
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/openEdition/ImageUploadDetails.tsx
View File

@ -319,7 +319,7 @@ export const ImageUploadDetails = ({ onChange }: ImageUploadDetailsProps) => {
)} )}
> >
<input <input
accept="image/*" accept="image/*, audio/*, video/*, .html"
className={clsx( className={clsx(
'file:py-2 file:px-4 file:mr-4 file:bg-plumbus-light file:rounded file:border-0 cursor-pointer', 'file:py-2 file:px-4 file:mr-4 file:bg-plumbus-light file:rounded file:border-0 cursor-pointer',
'before:absolute before:inset-0 before:hover:bg-white/5 before:transition', 'before:absolute before:inset-0 before:hover:bg-white/5 before:transition',

7
components/openEdition/OnChainMetadataInputDetails.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 { useInputState } from 'components/forms/FormInput.hooks' import { useInputState } from 'components/forms/FormInput.hooks'
import { useMetadataAttributesState } from 'components/forms/MetadataAttributes.hooks' import { useMetadataAttributesState } from 'components/forms/MetadataAttributes.hooks'
import { useWallet } from 'contexts/wallet' import { useWallet } from 'contexts/wallet'
@ -33,7 +34,7 @@ export interface OnChainMetadataInputDetailsDataProps {
youtube_url?: string youtube_url?: string
} }
export const OnChainMetadataInputDetails = ({ onChange }: OnChainMetadataInputDetailsProps) => { export const OnChainMetadataInputDetails = ({ onChange, uploadMethod }: OnChainMetadataInputDetailsProps) => {
const wallet = useWallet() const wallet = useWallet()
const [timestamp, setTimestamp] = useState<Date | undefined>(undefined) const [timestamp, setTimestamp] = useState<Date | undefined>(undefined)
const [metadataFile, setMetadataFile] = useState<File>() const [metadataFile, setMetadataFile] = useState<File>()
@ -203,7 +204,9 @@ export const OnChainMetadataInputDetails = ({ onChange }: OnChainMetadataInputDe
<TextInput className="mt-2" {...nameState} /> <TextInput className="mt-2" {...nameState} />
<TextInput className="mt-2" {...descriptionState} /> <TextInput className="mt-2" {...descriptionState} />
<TextInput className="mt-2" {...externalUrlState} /> <TextInput className="mt-2" {...externalUrlState} />
<TextInput className="mt-2" {...animationUrlState} /> <Conditional test={uploadMethod === 'existing'}>
<TextInput className="mt-2" {...animationUrlState} />
</Conditional>
<TextInput className="mt-2" {...youtubeUrlState} /> <TextInput className="mt-2" {...youtubeUrlState} />
</div> </div>
<div className={clsx('ml-10')}> <div className={clsx('ml-10')}>

13
components/openEdition/OpenEditionMinterCreator.tsx
View File

@ -1,4 +1,5 @@
/* eslint-disable eslint-comments/disable-enable-pair */ /* eslint-disable eslint-comments/disable-enable-pair */
/* eslint-disable no-nested-ternary */
/* eslint-disable @typescript-eslint/no-unsafe-member-access */ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
/* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */
@ -320,7 +321,12 @@ export const OpenEditionMinterCreator = ({
description: onChainMetadataInputDetails?.description, description: onChainMetadataInputDetails?.description,
attributes: onChainMetadataInputDetails?.attributes, attributes: onChainMetadataInputDetails?.attributes,
external_url: onChainMetadataInputDetails?.external_url, external_url: onChainMetadataInputDetails?.external_url,
animation_url: onChainMetadataInputDetails?.animation_url, animation_url:
imageUploadDetails?.uploadMethod === 'existing'
? onChainMetadataInputDetails?.animation_url
: getAssetType(imageUploadDetails?.assetFile?.name as string) === 'video'
? uri
: undefined,
youtube_url: onChainMetadataInputDetails?.youtube_url, youtube_url: onChainMetadataInputDetails?.youtube_url,
} }
: null, : null,
@ -443,7 +449,10 @@ export const OpenEditionMinterCreator = ({
<Conditional test={metadataStorageMethod === 'on-chain'}> <Conditional test={metadataStorageMethod === 'on-chain'}>
<div> <div>
<ImageUploadDetails onChange={setImageUploadDetails} /> <ImageUploadDetails onChange={setImageUploadDetails} />
<OnChainMetadataInputDetails onChange={setOnChainMetadataInputDetails} uploadMethod={undefined} /> <OnChainMetadataInputDetails
onChange={setOnChainMetadataInputDetails}
uploadMethod={imageUploadDetails?.uploadMethod}
/>
</div> </div>
</Conditional> </Conditional>
</div> </div>