Vulcan/packages/example-permissions/lib/components/pics/PicsItem.jsx
2017-10-06 08:49:36 +09:00

28 lines
No EOL
671 B
JavaScript

/*
An item in the pics list.
*/
import React from 'react';
import { Components, registerComponent } from 'meteor/vulcan:core';
const PicsItem = ({pic, currentUser}) =>
<div className="pics-item">
<Components.ModalTrigger className="pics-details-modal" component={<div className="pics-image"><img src={pic.imageUrl}/></div>}>
<Components.PicsDetails documentId={pic._id} currentUser={currentUser} />
</Components.ModalTrigger>
<div className="pics-meta">
<div className="pics-comment-count">
<Components.Icon name="comment" /> {pic.commentsCount}
</div>
</div>
</div>
registerComponent('PicsItem', PicsItem);