38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
|
import React, { useEffect, useState } from 'react';
|
|||
|
|
import styles from './clickerpage.module.css';
|
|||
|
|
import { ClickerBtn } from '../../Clicker/ClickerBtn';
|
|||
|
|
import { Profile } from '../../Clicker/Profile';
|
|||
|
|
import { ETextStyles } from '../../texts';
|
|||
|
|
import { SectionsBlock } from '../../Clicker/SectionsBlock';
|
|||
|
|
import { ClickerFooter } from '../../Clicker/ClickerFooter';
|
|||
|
|
import { StyleElements } from '../../Clicker/StyleElements';
|
|||
|
|
|
|||
|
|
interface IClickerPageInterface {
|
|||
|
|
name: string,
|
|||
|
|
points: number,
|
|||
|
|
energy: number,
|
|||
|
|
img: string
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function ClickerPage({ name, points, img, energy }: IClickerPageInterface) {
|
|||
|
|
const styleIndex = Number(localStorage.getItem('selectedStyle'));
|
|||
|
|
const [coins, setCoins] = useState(points);
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className={styles.container}>
|
|||
|
|
<div className={styles.records}>
|
|||
|
|
<Profile name={name} points={coins} className={styles.profile} img={img}/>
|
|||
|
|
<h1 style={ETextStyles.RwSb24100} className={styles.title}>Мои рекорды</h1>
|
|||
|
|
<SectionsBlock />
|
|||
|
|
</div>
|
|||
|
|
<div className={styles.clicker}>
|
|||
|
|
<ClickerBtn coins={coins} setCoins={setCoins} energy={energy}/>
|
|||
|
|
</div>
|
|||
|
|
<ClickerFooter />
|
|||
|
|
{styleIndex != 0 && <div>
|
|||
|
|
<StyleElements styleIndex={styleIndex}/>
|
|||
|
|
</div>}
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|