buy button

This commit is contained in:
belle 2024-06-16 19:47:19 -04:00
parent 82e63d078d
commit ecc5b889e2
2 changed files with 6 additions and 9 deletions

View file

@ -14,7 +14,6 @@ const Prizes = ({
...props
}) => {
return (
<Link href={link ? link : ""} target="_blank" sx={{ textDecoration: 'none' }}>
<Flex
sx={{
background: '#09AFB4',
@ -38,19 +37,20 @@ const Prizes = ({
alignItems: 'center'
}}
>
<img src={img} sx={{ height: 'auto', maxWidth: '300px', maxHeight: '250px' }} alt={text} />
<img src={img} sx={{ height: 'auto', maxWidth: '280px', maxHeight: '250px' }} alt={text} />
</Flex>
<Text className="slackey" variant="headline" sx={{ color: '#FFEEC6' }}>
{text}
</Text>
<Text className="" variant="subtitle" sx={{ color: '#FFEEC6' }}>
{/* <Text className="" variant="subtitle" sx={{ color: '#FFEEC6' }}>
{text}
</Text>
</Text> */}
<Balancer>
<Text variant="caption" sx={{ color: '#FFEEC6' }}>
{subtext}
</Text>
</Balancer>
{link ? <Button sx={{borderRadius: '10px', color: '#FFEEC6', backgroundColor: '#09878b', width: 'fit-content'}} as='a' href={link} className='gaegu'>Buy</Button>:<></>}
<Text
sx={{
background: '#FF8C37',
@ -67,7 +67,6 @@ const Prizes = ({
{cost} {cost == 1 ? 'ticket' : 'tickets'}
</Text>
</Flex>
</Link>
)
}

View file

@ -37,15 +37,13 @@ export default function ShopComponent({
return (
<>
<Balancer>
<Text
sx={{ display: 'block', textAlign: 'center', color: '#35290F', textDecoration: 'underline', width: '90vw', margin: 'auto', color: '#09AFB4' }}
className="gaegu"
variant="subtitle"
>
Shop for {userAirtableID}. Click on item to buy!
Shop for {userAirtableID}
</Text>
</Balancer>
{/* {hoursBalance !== null && (
<span>
You currently have {hoursBalance} 🎟 tickets! Click on item to buy!
@ -73,7 +71,7 @@ export default function ShopComponent({
(2 + Math.random() * 4) * (i % 2 === 0 ? 1 : -1)
}
ticketRotation={
(12 + Math.random() * 14) * (Math.random() > 0.5 ? 1 : -1)
(5 + Math.random() * 14) * (Math.random() > 0.5 ? 1 : -1)
}
link={buyLink(item.id)}
key={item.id}