kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Items: display a checkmark when item is purchased
rodzic
1f65cc88b1
commit
46a4cd0753
|
@ -3,7 +3,7 @@ import { type Event } from 'nostr-tools';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { FormattedNumber } from 'react-intl';
|
import { FormattedNumber } from 'react-intl';
|
||||||
|
|
||||||
import { Button, Column, HStack, Text, Tooltip } from 'soapbox/components/ui';
|
import { Button, Column, HStack, Icon, Text, Tooltip } from 'soapbox/components/ui';
|
||||||
import { type Account } from 'soapbox/schemas';
|
import { type Account } from 'soapbox/schemas';
|
||||||
|
|
||||||
interface SoapboxItem {
|
interface SoapboxItem {
|
||||||
|
@ -99,7 +99,16 @@ const Item: React.FC<SoapboxItem> = ({ id, name, image, account, price }) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div key={id} className='flex flex-col gap-3 text-center'>
|
<div key={id} className='relative flex flex-col gap-3 text-center'>
|
||||||
|
{purchased && (
|
||||||
|
<div className='absolute right-0 top-0'>
|
||||||
|
<Icon
|
||||||
|
className='text-green-500'
|
||||||
|
src={require('@tabler/icons/discount-check-filled.svg')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
<img
|
<img
|
||||||
className='aspect-1 rounded-lg object-contain'
|
className='aspect-1 rounded-lg object-contain'
|
||||||
src={image}
|
src={image}
|
||||||
|
|
Ładowanie…
Reference in New Issue