1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00

telegram: add button to boris

This commit is contained in:
Fedor Katurov 2023-04-08 19:31:05 +06:00
parent b0d9e8f8ba
commit 176f823315
4 changed files with 92 additions and 34 deletions

View file

@ -4,6 +4,8 @@ import { BorisContacts } from '~/components/boris/BorisContacts';
import { BorisStats } from '~/components/boris/BorisStats';
import { Group } from '~/components/containers/Group';
import { SuperPowersToggle } from '~/containers/auth/SuperPowersToggle';
import { useAuth } from '~/hooks/auth/useAuth';
import { useTelegramAccount } from '~/hooks/auth/useTelegramAccount';
import { BorisUsageStats } from '~/types/boris';
import styles from './styles.module.scss';
@ -14,18 +16,25 @@ interface Props {
isLoading: boolean;
}
const BorisSidebar: FC<Props> = ({ isUser, stats, isLoading }) => (
<Group className={styles.container}>
<div className={styles.super_powers}>
<SuperPowersToggle />
</div>
const BorisSidebar: FC<Props> = ({ isUser, stats, isLoading }) => {
const { connected, connect } = useTelegramAccount();
<BorisContacts />
return (
<Group className={styles.container}>
<div className={styles.super_powers}>
<SuperPowersToggle />
</div>
<div className={styles.wrap}>
<BorisStats stats={stats} isLoading={isLoading} />
</div>
</Group>
);
<BorisContacts
canConnectTelegram={isUser && !connected}
connectTelegram={connect}
/>
<div className={styles.wrap}>
<BorisStats stats={stats} isLoading={isLoading} />
</div>
</Group>
);
};
export { BorisSidebar };