stronk/RandomChad
1
0
Fork 0
mirror of https://github.com/stronk-dev/RandomChad.git synced 2025-07-05 10:35:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

✨ Merch public beta

Browse Source
This commit is contained in:
Mentor 2022-01-27 09:15:34 +01:00
parent 64a2a59311
commit 25243a06bd
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
minter/src/components/organisms/Home.js
View File

@ -2,6 +2,7 @@
import Fox from '../../assets/metamask-fox.svg' import Fox from '../../assets/metamask-fox.svg'
import Discord from '../../assets/discord-logo-black.svg' import Discord from '../../assets/discord-logo-black.svg'
import Mint from '../../assets/rocket-fill.svg' import Mint from '../../assets/rocket-fill.svg'
import Merch from '../../assets/present-icon.svg'
import Avatar from '../../assets/account-circle-fill.svg' import Avatar from '../../assets/account-circle-fill.svg'
import Outfits from '../../assets/door-closed-fill.svg' import Outfits from '../../assets/door-closed-fill.svg'
import Portfolio from '../../assets/pie-chart-fill.svg' import Portfolio from '../../assets/pie-chart-fill.svg'
@ -83,6 +84,7 @@ export default function ComponentName( ) {
{ /* <Button direction="column" icon={ Discord } to='/verify'>Discord verify</Button> */ } { /* <Button direction="column" icon={ Discord } to='/verify'>Discord verify</Button> */ }
<Button direction="column" icon={ Avatar } to='/avatar'>Set node avatar</Button> <Button direction="column" icon={ Avatar } to='/avatar'>Set node avatar</Button>
<Button direction="column" icon={ Portfolio } to='/portfolio'>Rocketeer Portfolio</Button> <Button direction="column" icon={ Portfolio } to='/portfolio'>Rocketeer Portfolio</Button>
<Button direction="column" icon={ Merch } to='/merch'>Merch (beta)</Button>
</Section> </Section>

5
minter/src/components/organisms/Merch.js
View File

@ -110,7 +110,7 @@ export default function Verifier() {
if( order_id ) return <Container align='flex-start'> if( order_id ) return <Container align='flex-start'>
<H1>Order { order_id } confirmed</H1> <H1>Order { order_id } confirmed</H1>
<Text>Write that number down in case of apocalypse. You'll be kept up to date via email. Emails might be in Dutch. Sorry, not sorry.</Text> <Text>Write that number down in case of apocalypse. You will NOT be kept up to date via email, still working on that. Sorry, not sorry.</Text>
</Container> </Container>
if( payment ) return <Container align='flex-start'> if( payment ) return <Container align='flex-start'>
@ -138,7 +138,7 @@ export default function Verifier() {
<Text>There is currently only one merch option: A 20cm x 20cm print on cork.</Text> <Text>There is currently only one merch option: A 20cm x 20cm print on cork.</Text>
<H2>Shipping details</H2> <H2>Shipping details</H2>
<Text>These are not saved anywhere, only the printing and logistics partner saves these.</Text> <Text>These are not saved on our end, only the printing and logistics partner saves these.</Text>
<Input value={ order.name } onChange={ ( { target } ) => updateOrder( 'name', target.value ) } label='Your name' /> <Input value={ order.name } onChange={ ( { target } ) => updateOrder( 'name', target.value ) } label='Your name' />
<Input value={ order.email } onChange={ ( { target } ) => updateOrder( 'email', target.value ) } label='Your email' /> <Input value={ order.email } onChange={ ( { target } ) => updateOrder( 'email', target.value ) } label='Your email' />
<Input value={ order.line1 } onChange={ ( { target } ) => updateOrder( 'line1', target.value ) } label='Address (street + number)' /> <Input value={ order.line1 } onChange={ ( { target } ) => updateOrder( 'line1', target.value ) } label='Address (street + number)' />
@ -158,6 +158,7 @@ export default function Verifier() {
<Text>Select the Rocketeer you want merch for.</Text> <Text>Select the Rocketeer you want merch for.</Text>
<Section direction="row"> <Section direction="row">
{ !rocketeers.length && <Text>Loading Rocketeers, make sure you selected the right wallet...</Text> }
{ rocketeers.map( ( { id, image } ) => { { rocketeers.map( ( { id, image } ) => {
return <Avatar onClick={ f => navigate( `/merch/${ id }` ) } key={ id } src={ image } alt={ `Rocketeer number ${ id }` } /> return <Avatar onClick={ f => navigate( `/merch/${ id }` ) } key={ id } src={ image } alt={ `Rocketeer number ${ id }` } />