superdesk/superdesk-client-core

import React from 'react';
import {IDifferenceComponentProps, IDurationValueOperational, IDurationFieldConfig} from 'superdesk-api';
import {getDurationString} from 'superdesk-ui-framework/react/components/DurationInput';
import {DifferenceGeneric} from '../difference-generic';

type IProps = IDifferenceComponentProps<IDurationValueOperational, IDurationFieldConfig>;

export class Difference extends React.PureComponent<IProps> {
    render() {
        const {value1, value2} = this.props;

        return (
            <DifferenceGeneric
                items1={value1 == null ? [] : [value1]}
                items2={value2 == null ? [] : [value2]}
                getId={(item) => item.toString()}
                template={({item}) => <span>{getDurationString(item)}</span>}
            />
        );
    }
}