diff --git a/components/collections/creation/UploadDetails.tsx b/components/collections/creation/UploadDetails.tsx index e6b0f4c..a9b7a1d 100644 --- a/components/collections/creation/UploadDetails.tsx +++ b/components/collections/creation/UploadDetails.tsx @@ -13,6 +13,7 @@ import { useInputState } from 'components/forms/FormInput.hooks' import { MetadataInput } from 'components/MetadataInput' import { MetadataModal } from 'components/MetadataModal' import { SingleAssetPreview } from 'components/SingleAssetPreview' +import { Tooltip } from 'components/Tooltip' import { addLogItem } from 'contexts/log' import type { ChangeEvent } from 'react' import { useEffect, useRef, useState } from 'react' @@ -336,7 +337,14 @@ export const UploadDetails = ({ onChange, minterType, baseMinterAcquisitionMetho and upload your assets & metadata manually to get a base URI for your collection. </p> <div> - <TextInput {...baseTokenUriState} className="ml-4 w-1/2" /> + <Tooltip + backgroundColor="bg-blue-500" + className="mb-2 ml-20" + label="The base token URI that points to the IPFS folder containing the metadata files." + placement="top" + > + <TextInput {...baseTokenUriState} className="ml-4 w-1/2" /> + </Tooltip> </div> <Conditional test={minterType !== 'base'}> <div> @@ -360,7 +368,14 @@ export const UploadDetails = ({ onChange, minterType, baseMinterAcquisitionMetho and upload your asset & metadata manually to get a URI for your token before minting. </p> <div> - <TextInput {...baseTokenUriState} className="ml-4 w-1/2" /> + <Tooltip + backgroundColor="bg-blue-500" + className="mb-2 ml-4" + label="The token URI that points directly to the metadata file stored on IPFS." + placement="top" + > + <TextInput {...baseTokenUriState} className="ml-4 w-1/2" /> + </Tooltip> </div> <Conditional test={minterType !== 'base' || (minterType === 'base' && baseMinterAcquisitionMethod === 'new')} diff --git a/components/openEdition/OffChainMetadataUploadDetails.tsx b/components/openEdition/OffChainMetadataUploadDetails.tsx index 0e525e5..3c785bb 100644 --- a/components/openEdition/OffChainMetadataUploadDetails.tsx +++ b/components/openEdition/OffChainMetadataUploadDetails.tsx @@ -12,6 +12,7 @@ import { useInputState } from 'components/forms/FormInput.hooks' import { MetadataInput } from 'components/MetadataInput' import { MetadataModal } from 'components/MetadataModal' import { SingleAssetPreview } from 'components/SingleAssetPreview' +import { Tooltip } from 'components/Tooltip' import { addLogItem } from 'contexts/log' import type { ChangeEvent } from 'react' import { useEffect, useRef, useState } from 'react' @@ -291,7 +292,14 @@ export const OffChainMetadataUploadDetails = ({ and upload your asset & metadata manually to get a URI for your token before minting. </p> <div> - <TextInput {...tokenUriState} className="ml-4 w-1/2" /> + <Tooltip + backgroundColor="bg-blue-500" + className="mb-2 ml-28" + label="The token URI that points directly to the metadata file stored on IPFS." + placement="top" + > + <TextInput {...tokenUriState} className="ml-4 w-1/2" /> + </Tooltip> <TextInput {...coverImageUrlState} className="mt-2 ml-4 w-1/2" /> </div> </div>