nebel/_
1
0
Fork 0
mirror of https://github.com/kou029w/_.git synced 2025-01-30 22:08:02 +00:00
Code Issues Projects Releases Wiki Activity

refactor: Stateless Functional Componentに変更

Browse source
This commit is contained in:
kohei 2018-11-19 17:26:42 +09:00
parent 535ab0cd42
commit 9bea9c2e25
2 changed files with 39 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
components/kaburi.jsx
View file

@ -1,10 +1,7 @@
import { Component } from "react";
export default class extends Component {
render() {
const activity = this.props.activity.filter(a => a.ch === "kaburi");
const count = activity.length;
const time = activity
export default ({ activity }) => {
const kaburiActivity = activity.filter(a => a.ch === "kaburi");
const count = kaburiActivity.length;
const time = kaburiActivity
.map(a => a.endTime - a.startTime)
.reduce((a, c) => a + c, 0);
@ -16,5 +13,4 @@ export default class extends Component {
<dd>{time}</dd>
</dl>
);
}
}
};

12
components/percentage.jsx
View file

@ -1,12 +1,9 @@
import { Component } from "react";
export default class extends Component {
render() {
const leftActivity = this.props.activity
export default ({ activity }) => {
const leftActivity = activity
.filter(a => a.ch === "l")
.map(a => a.endTime - a.startTime)
.reduce((a, c) => a + c, 0);
const rightActivity = this.props.activity
const rightActivity = activity
.filter(a => a.ch === "r")
.map(a => a.endTime - a.startTime)
.reduce((a, c) => a + c, 0);
@ -25,5 +22,4 @@ export default class extends Component {
</dd>
</dl>
);
}
}
};