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

Update collection creation tabs

Browse Source
This commit is contained in:
Serkan Reis 2023-06-13 12:04:08 +03:00
parent 3065cc35b3
commit 4799a32359
2 changed files with 73 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/collections/actions/Combobox.tsx
View File

@ -8,7 +8,7 @@ import { FaChevronDown, FaInfoCircle } from 'react-icons/fa'
import type { ActionListItem } from './actions' import type { ActionListItem } from './actions'
import { BASE_ACTION_LIST, SG721_UPDATABLE_ACTION_LIST, VENDING_ACTION_LIST } from './actions' import { BASE_ACTION_LIST, SG721_UPDATABLE_ACTION_LIST, VENDING_ACTION_LIST } from './actions'
export type MinterType = 'base' | 'vending' export type MinterType = 'base' | 'vending' | 'openEdition'
export type Sg721Type = 'updatable' | 'base' export type Sg721Type = 'updatable' | 'base'
export interface ActionsComboboxProps { export interface ActionsComboboxProps {

126
pages/collections/create.tsx
View File

@ -48,6 +48,7 @@ import {
BASE_FACTORY_UPDATABLE_ADDRESS, BASE_FACTORY_UPDATABLE_ADDRESS,
BLOCK_EXPLORER_URL, BLOCK_EXPLORER_URL,
NETWORK, NETWORK,
OPEN_EDITION_FACTORY_ADDRESS,
SG721_CODE_ID, SG721_CODE_ID,
SG721_UPDATABLE_CODE_ID, SG721_UPDATABLE_CODE_ID,
STARGAZE_URL, STARGAZE_URL,
@ -1289,67 +1290,84 @@ const CollectionCreationPage: NextPage = () => {
</Conditional> </Conditional>
</div> </div>
{/* To be removed */} <div>
<Conditional test={BASE_FACTORY_ADDRESS === undefined}> <div
<div className="mx-10 mt-5" /> className={clsx(
</Conditional> 'mx-10 mt-5',
<Conditional test={BASE_FACTORY_ADDRESS !== undefined}> 'grid before:absolute relative grid-cols-3 grid-flow-col items-stretch rounded',
{/* /To be removed */} 'before:inset-x-0 before:bottom-0 before:border-white/25',
<div> )}
>
<div <div
className={clsx( className={clsx(
'mx-10 mt-5', 'isolate space-y-1 border-2',
'grid before:absolute relative grid-cols-2 grid-flow-col items-stretch rounded', 'first-of-type:rounded-tl-md last-of-type:rounded-tr-md',
'before:inset-x-0 before:bottom-0 before:border-white/25', minterType === 'vending' ? 'border-stargaze' : 'border-transparent',
minterType !== 'vending' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5',
)} )}
> >
<div <button
className={clsx( className="p-4 w-full h-full text-left bg-transparent"
'isolate space-y-1 border-2', onClick={() => {
'first-of-type:rounded-tl-md last-of-type:rounded-tr-md', setMinterType('vending')
minterType === 'vending' ? 'border-stargaze' : 'border-transparent', resetReadyFlags()
minterType !== 'vending' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5', }}
)} type="button"
> >
<button <h4 className="font-bold">Standard Collection</h4>
className="p-4 w-full h-full text-left bg-transparent" <span className="text-sm text-white/80 line-clamp-2">
onClick={() => { A non-appendable collection that facilitates primary market vending machine style minting
setMinterType('vending') </span>
resetReadyFlags() </button>
}}
type="button"
>
<h4 className="font-bold">Standard Collection</h4>
<span className="text-sm text-white/80 line-clamp-2">
A non-appendable collection that facilitates primary market vending machine style minting
</span>
</button>
</div>
<div
className={clsx(
'isolate space-y-1 border-2',
'first-of-type:rounded-tl-md last-of-type:rounded-tr-md',
minterType === 'base' ? 'border-stargaze' : 'border-transparent',
minterType !== 'base' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5',
)}
>
<button
className="p-4 w-full h-full text-left bg-transparent"
onClick={() => {
setMinterType('base')
resetReadyFlags()
}}
type="button"
>
<h4 className="font-bold">1/1 Collection</h4>
<span className="text-sm text-white/80 line-clamp-2">
An appendable collection that only allows for direct secondary market listing of tokens
</span>
</button>
</div>
</div> </div>
<div
className={clsx(
'isolate space-y-1 border-2',
'first-of-type:rounded-tl-md last-of-type:rounded-tr-md',
minterType === 'base' ? 'border-stargaze' : 'border-transparent',
minterType !== 'base' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5',
)}
>
<button
className="p-4 w-full h-full text-left bg-transparent"
onClick={() => {
setMinterType('base')
resetReadyFlags()
}}
type="button"
>
<h4 className="font-bold">1/1 Collection</h4>
<span className="text-sm text-white/80 line-clamp-2">
An appendable collection that only allows for direct secondary market listing of tokens
</span>
</button>
</div>
<Conditional test={OPEN_EDITION_FACTORY_ADDRESS !== undefined}>
<div
className={clsx(
'isolate space-y-1 border-2',
'first-of-type:rounded-tl-md last-of-type:rounded-tr-md',
minterType === 'openEdition' ? 'border-stargaze' : 'border-transparent',
minterType !== 'openEdition' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5',
)}
>
<button
className="p-4 w-full h-full text-left bg-transparent"
onClick={() => {
setMinterType('openEdition')
resetReadyFlags()
}}
type="button"
>
<h4 className="font-bold">Open Edition Minting</h4>
<span className="text-sm text-white/80 line-clamp-2">
Allows multiple copies of a single NFT to be minted for a given time interval.
</span>
</button>
</div>
</Conditional>
</div> </div>
</Conditional> </div>
{minterType === 'base' && ( {minterType === 'base' && (
<div> <div>