Sha256: c972aa7059a6887a392887887adae3245a624fa649271a51c34b4413d18c6bc8
Contents?: true
Size: 1.68 KB
Versions: 5
Compression:
Stored size: 1.68 KB
Contents
// eslint-disable-next-line no-unused-vars
function CollapsedMaterial(props) {
const isPDF = props.source_type === 'pdf';
return (
<div className="o-m-thumbnail">
<div className="o-m-overlay__wrap">
<img src={props.thumb_url}/>
<div className="o-m-overlay">
<div className="o-m-overlay__preview" onClick={() => props.onPreview(true, props.index)}>
<a className="u-preserve-style cs-txt-link--light">
<i className="ub-icon ub-eye fa-2x"/>
</a>
</div>
<div className="o-m-overlay__actions">
<ul className="menu align-center">
<li>
<a className="u-preserve-style cs-txt-link--light" href={props.pdf_url} onClick={() => props.onClick('print', props.index)} target="_blank">
<i className="ub-icon ub-print"/>
</a>
</li>
<li>
<a className="u-preserve-style cs-txt-link--light" href={props.pdf_url} onClick={() => props.onClick('pdf', props.index)} target="_blank">
<i className="ub-icon ub-file-pdf"/>
</a>
</li>
{ !isPDF &&
<li>
<a className="u-preserve-style cs-txt-link--light" href={props.gdoc_url} target="_blank" onClick={() => props.onClick('gdoc', props.index)}>
<i className="ub-icon ub-file-gdoc"/>
</a>
</li> }
</ul>
</div>
</div>
</div>
<div className="u-txt--m-subtitle u-padding-top--base u-text--uppercase">{props.subtitle}</div>
<div className="u-txt--m-title">{props.title}</div>
</div>
);
}
Version data entries
5 entries across 5 versions & 1 rubygems