22 lines
No EOL
468 B
JavaScript
22 lines
No EOL
468 B
JavaScript
import React from 'react';
|
|
import { Duration } from 'luxon';
|
|
import { connectPlayer } from 'Player';
|
|
import styles from './time.module.css';
|
|
|
|
const Time = ({ time }) => (
|
|
<div className={ styles.time }>
|
|
{ Duration.fromMillis(time).toFormat('m:ss') }
|
|
</div>
|
|
)
|
|
|
|
Time.displayName = "Time";
|
|
|
|
|
|
const ReduxTime = connectPlayer((state, { name }) => ({
|
|
time: state[ name ],
|
|
}))(Time);
|
|
|
|
ReduxTime.displayName = "ReduxTime";
|
|
|
|
export default Time;
|
|
export { ReduxTime }; |