2018-11-19 17:26:42 +09:00
|
|
|
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 = activity
|
|
|
|
.filter(a => a.ch === "r")
|
|
|
|
.map(a => a.endTime - a.startTime)
|
|
|
|
.reduce((a, c) => a + c, 0);
|
2018-11-19 16:41:05 +09:00
|
|
|
|
2018-11-19 17:26:42 +09:00
|
|
|
return (
|
|
|
|
<dl>
|
|
|
|
<dt>会話時間 (ms)</dt>
|
|
|
|
<dd>{leftActivity + rightActivity}</dd>
|
|
|
|
<dt>会話の割合</dt>
|
|
|
|
<dd>
|
|
|
|
左{" "}
|
|
|
|
<meter value={leftActivity / (leftActivity + rightActivity)}>
|
|
|
|
{leftActivity / (leftActivity + rightActivity)}
|
|
|
|
</meter>{" "}
|
|
|
|
右
|
|
|
|
</dd>
|
|
|
|
</dl>
|
|
|
|
);
|
|
|
|
};
|