30 lines
732 B
JavaScript
30 lines
732 B
JavaScript
import React from "react";
|
|
import { action } from "../types";
|
|
import "./Action.css";
|
|
|
|
class Action extends React.Component {
|
|
render() {
|
|
const action = this.props.action;
|
|
const completed = "completed_on" in action;
|
|
console.log([action.completed_on, completed]);
|
|
return (
|
|
<div className="actionWrapper">
|
|
<div className="actionCompleted">{completed ? "X" : " "}</div>
|
|
<div className="actionID">
|
|
ID: {action.action_id} | {action.plan_id}
|
|
</div>
|
|
<div className="actionDescription">{action.action_description}</div>
|
|
<div className="actionChunks">
|
|
{action.completed_chunks}/{action.estimated_chunks}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
Action.propTypes = {
|
|
action: action,
|
|
};
|
|
|
|
export default Action;
|