gengitkan/client/src/components/HomePage/BoardCard.jsx

36 lines
1.1 KiB
React
Raw Normal View History

2019-12-01 22:12:13 +01:00
import React from 'react';
export class BoardCard extends React.PureComponent {
render() {
const { board } = this.props;
return (
<div className="box">
<div className="media">
<div className="media-content">
<div className="content">
<a href={`#/boards/${board.id}`}>
<h3 className="is-size-3">{board.title}</h3>
</a>
</div>
</div>
</div>
<div className="level is-mobile">
<div className="level-left"></div>
<div className="level-right">
<a className="level-item" aria-label="edit" href={`#/boards/${board.id}/edit`}>
<span className="icon is-small">
<i className="fas fa-edit" aria-hidden="true"></i>
</span>
</a>
<a className="level-item" aria-label="delete" href={`#/boards/${board.id}/delete`}>
<span className="icon is-small has-text-danger">
<i className="fas fa-trash-alt" aria-hidden="true"></i>
</span>
</a>
</div>
</div>
</div>
);
}
}