29 lines
735 B
JavaScript
29 lines
735 B
JavaScript
import React from 'react';
|
|
|
|
export class Channel extends React.Component {
|
|
render(){
|
|
let val = this.props.value;
|
|
let now = new Date();
|
|
if (!isNaN(parseFloat(this.props.value))){
|
|
val = Math.round(parseFloat(this.props.value) * 1000) / 1000;
|
|
}
|
|
let timestamp = new Date(this.props.timestamp * 1000);
|
|
const age = (Math.round((now - timestamp) / (1000 * 60 * 60) * 10) - (timestamp.getTimezoneOffset() / 6)) / 10;
|
|
let cellStyle = {
|
|
textAlign: "center"
|
|
};
|
|
if (age > 24) {
|
|
cellStyle['color'] = 'red';
|
|
}
|
|
|
|
return (
|
|
// <td data-tooltip={timestamp.toLocaleString()}>{val}</td>
|
|
<td style={cellStyle}>
|
|
<p>{val}</p>
|
|
<p>{age} h</p>
|
|
</td>
|
|
);
|
|
}
|
|
|
|
}
|