muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

made boris graphic stats

Browse source
This commit is contained in:
Fedor Katurov 2022-03-30 18:39:58 +07:00
parent c0f8766ec6
commit 857993e354
11 changed files with 218 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/layouts/BorisLayout/index.tsx
View file

@ -2,9 +2,11 @@ import React, { FC } from 'react';
import { useRouter } from 'next/router';
import { BorisGraphicStats } from '~/components/boris/BorisGraphicStats';
import { BorisSidebar } from '~/components/boris/BorisSidebar';
import { Superpower } from '~/components/boris/Superpower';
import { BasicCurveChart } from '~/components/charts/BasicCurveChart';
import { StatsCard } from '~/components/charts/StatsCard';
import { Card } from '~/components/containers/Card';
import { Filler } from '~/components/containers/Filler';
import { Grid } from '~/components/containers/Grid';
@ -51,42 +53,34 @@ const BorisLayout: FC<IProps> = ({ title, setIsBetaTester, isTester, stats, isLo
<div className={styles.container}>
<Card className={styles.content}>
<Superpower>
<Padder>
<Group>
<h2>Тестовые фичи</h2>
<div>
<Button onClick={() => openProfileSidebar({})}>Профиль в сайдбаре</Button>
</div>
<div>
<Button onClick={() => push(URLS.SETTINGS.BASE)}>
Профиль на отдельной странице
</Button>
</div>
<Group>
<Superpower>
<Padder>
<Group>
<h4>Количество нод за год</h4>
<Grid horizontal>
<Card style={{ padding: 0 }}>
<BasicCurveChart items={stats.backend.nodes.by_month} width={200} />
</Card>
<h2>Тестовые фичи</h2>
<Card style={{ padding: 0 }}>
<BasicCurveChart items={stats.backend.comments.by_month} width={200} />
</Card>
<div>
<Button onClick={() => openProfileSidebar({})}>Профиль в сайдбаре</Button>
</div>
<Filler />
</Grid>
<h4>Количество комментов за год</h4>
<div>
<Button onClick={() => push(URLS.SETTINGS.BASE)}>
Профиль на отдельной странице
</Button>
</div>
</Group>
</Group>
</Padder>
</Superpower>
</Padder>
</Superpower>
<BorisComments />
<BorisGraphicStats
totalComments={stats.backend.comments.total}
commentsByMonth={stats.backend.comments.by_month}
totalNodes={stats.backend.nodes.total}
nodesByMonth={stats.backend.nodes.by_month}
/>
<BorisComments />
</Group>
</Card>
<Group className={styles.stats}>