27 lines
878 B
TypeScript
27 lines
878 B
TypeScript
import React from 'react';
|
||
import { DiffLevel, FieldSize } from 'src/pages/Options/Options';
|
||
import { getTimeString } from 'src/utils';
|
||
|
||
import cls from './FinishedField.module.scss';
|
||
|
||
type FinishedFieldProps = {
|
||
mistakesCount?: number;
|
||
gameTime?: number;
|
||
difficultyLevel?: number;
|
||
fieldSize?: number;
|
||
}
|
||
|
||
const FinishedField: React.FC<FinishedFieldProps> = ({mistakesCount, gameTime, difficultyLevel, fieldSize}) => {
|
||
return (
|
||
<div className={cls.FinishedField}>
|
||
<h1>GAME IS FINISHED !</h1>
|
||
<p>Время: <span>{getTimeString(new Date(gameTime || 0))}</span></p>
|
||
<p>Количество ошибок: <span>{mistakesCount}</span></p>
|
||
<p>Сложность: <span>{DiffLevel[difficultyLevel as any]}</span></p>
|
||
<p>Размер поля: <span>{FieldSize[fieldSize as any]}</span></p>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default FinishedField;
|