19 lines
378 B
React
19 lines
378 B
React
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
uri: string,
|
||
|
|
position: ?number,
|
||
|
|
duration: ?number,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function ClaimPreviewProgress(props: Props) {
|
||
|
|
const { position, duration } = props;
|
||
|
|
|
||
|
|
if (!position || !duration) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
return <div className="claim-preview__progress" style={{ width: `${(position / duration) * 100}%` }} />;
|
||
|
|
}
|