36 lines
1.1 KiB
React
36 lines
1.1 KiB
React
|
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>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
}
|