15 lines
539 B
TypeScript
15 lines
539 B
TypeScript
import { Converter } from "@incgame/engine";
|
|
|
|
type Props = {
|
|
converter: Converter;
|
|
}
|
|
|
|
export const ConverterCardInfo = function ({ converter }: Props) {
|
|
return <>
|
|
<div className="unit__converter__progress">
|
|
<div className="unit__converter__progress_bar" style={{ width: `${converter.cycleTime.div(converter.cycleLength).mul(100).toFixed(2)}%` }} />
|
|
<div className="unit__converter__progress_info">{converter.cycleTime.toFixed(4)} of {converter.cycleLength.toFixed(4)}</div>
|
|
</div>
|
|
</>
|
|
}
|