2021-08-28 18:14:22 +00:00
|
|
|
export default function Items({ items, toggleFunction }) {
|
2021-03-17 13:01:53 +00:00
|
|
|
return (
|
|
|
|
<div className='items'>
|
2021-08-28 18:14:22 +00:00
|
|
|
{items.map((item) => (
|
|
|
|
<div className='item' onClick={() => toggleFunction(item.name)} key={item.name}>
|
2021-09-28 22:04:04 +00:00
|
|
|
<img alt='icon' draggable='false' src={variables.constants.DDG_IMAGE_PROXY + item.icon_url} />
|
2021-04-03 12:32:00 +00:00
|
|
|
<div className='details'>
|
2021-05-23 11:23:16 +00:00
|
|
|
<h4>{item.display_name || item.name}</h4>
|
2021-04-03 12:32:00 +00:00
|
|
|
<p>{item.author}</p>
|
|
|
|
</div>
|
2021-03-07 19:06:49 +00:00
|
|
|
</div>
|
2021-04-03 12:32:00 +00:00
|
|
|
))}
|
2021-03-17 13:01:53 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|