jmeta"1DvsAiQF4HCKcdwxtBvjMZ8Hk2DpdFtejS@6ab5fbcd9abfb27e201d29879b2202e2ac09aae43181f383d4053634b0c8602b|"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutMimport React, { PureComponent } from 'react';
import { Link } from 'react-router-dom';
class List extends PureComponent {
render() {
const { className, data, renderItem, icon, title, linkToAll, header, footer } = this.props;
const defaultHeader = (
<div className="nrl__list-header--content">
{
icon && (
<span className="nrl__list-header--icon">
{icon}
</span>
)
}
{
title && (
<h5 className="nrl__list-header--title">{title}</h5>
)
}
{
linkToAll && (
<Link className="nrl__list-header--link" to={linkToAll}>View All</Link>
)
}
</div>
);
const defaultFooter = null;
return (
<div className={`nrl__list${className ? ' ' + className : ''}`}>
<div className="nrl__list-header">
{
header ? header : defaultHeader
}
</div>
<div className="nrl__list-items">
{
(data && data.length) ? (
data.map((item, index) => (
<div className="nrl__list-item" key={index}>
{
renderItem(item, index)
}
</div>
))
) : "No items to show..."
}
</div>
<div className="nrl__list-footer">
{
footer ? footer : defaultFooter
}
</div>
</div>
);
}
}
export default List;
text/javascript List.js|"1D1PdbxVxcjfovTATC3ginxjj4enTgxLyYSHA-512@0kÆP
/:ÑWàóè ;¯fÄ×FA1 Ô ¡3æÿ+q
çß,Ñ|)ñÅ5+ H9õÆ(|"179UZJnghXeAMzH4kBRqLpqeoHRaefwyd2
m/0/3/9/2/2/0
https://whatsonchain.com/tx/6aa5968ea3be68e8d05c4ac2e4e85f4e317cf5969f3b45a969ad5fd3988e8cb3