kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Items: put description in image alt text
rodzic
46a4cd0753
commit
0f066c4c93
|
@ -37,7 +37,7 @@ const items = [
|
||||||
{ id: '11', name: 'Gamething', image: 'http://localhost:8080/gamething.png', account, price: 2500 },
|
{ id: '11', name: 'Gamething', image: 'http://localhost:8080/gamething.png', account, price: 2500 },
|
||||||
{ id: '12', name: 'Gold Fiddle', image: 'http://localhost:8080/gold-fiddle.png', account, price: 7000 },
|
{ id: '12', name: 'Gold Fiddle', image: 'http://localhost:8080/gold-fiddle.png', account, price: 7000 },
|
||||||
{ id: '13', name: 'Holy Bible', image: 'http://localhost:8080/holy-bible.png', account, price: 0 },
|
{ id: '13', name: 'Holy Bible', image: 'http://localhost:8080/holy-bible.png', account, price: 0 },
|
||||||
{ id: '14', name: 'Mushroom', image: 'http://localhost:8080/mushroom.png', account, price: 1000 },
|
{ id: '14', name: 'Mushroom', image: 'http://localhost:8080/mushroom.png', account, description: 'A bright red mushroom', price: 1000 },
|
||||||
{ id: '15', name: 'Owl Clock', image: 'http://localhost:8080/owl-clock.png', account, price: 1000 },
|
{ id: '15', name: 'Owl Clock', image: 'http://localhost:8080/owl-clock.png', account, price: 1000 },
|
||||||
{ id: '16', name: 'Piggy Bank', image: 'http://localhost:8080/piggy-bank.png', account, price: 500 },
|
{ id: '16', name: 'Piggy Bank', image: 'http://localhost:8080/piggy-bank.png', account, price: 500 },
|
||||||
{ id: '17', name: 'Royal Crown', image: 'http://localhost:8080/royal-crown.png', account, price: 1000000 },
|
{ id: '17', name: 'Royal Crown', image: 'http://localhost:8080/royal-crown.png', account, price: 1000000 },
|
||||||
|
@ -60,7 +60,7 @@ const Items: React.FC<IItems> = () => {
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const Item: React.FC<SoapboxItem> = ({ id, name, image, account, price }) => {
|
const Item: React.FC<SoapboxItem> = ({ id, name, image, description, account, price }) => {
|
||||||
const free = price === 0;
|
const free = price === 0;
|
||||||
const favicon = account?.pleroma?.favicon;
|
const favicon = account?.pleroma?.favicon;
|
||||||
|
|
||||||
|
@ -112,7 +112,7 @@ const Item: React.FC<SoapboxItem> = ({ id, name, image, account, price }) => {
|
||||||
<img
|
<img
|
||||||
className='aspect-1 rounded-lg object-contain'
|
className='aspect-1 rounded-lg object-contain'
|
||||||
src={image}
|
src={image}
|
||||||
alt={name}
|
alt={description}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
Ładowanie…
Reference in New Issue