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

notifications: added tabs to notification screen

This commit is contained in:
Fedor Katurov 2023-03-16 11:35:31 +06:00
parent 7135d06673
commit f9e0ecdd0c
10 changed files with 148 additions and 21 deletions

View file

@ -1,5 +1,6 @@
import React, { FC, useCallback } from 'react';
import { Card } from '~/components/containers/Card';
import { Group } from '~/components/containers/Group';
import { Zone } from '~/components/containers/Zone';
import { Button } from '~/components/input/Button';
@ -49,11 +50,16 @@ const NotificationSettingsForm: FC<NotificationSettingsFormProps> = ({
return (
<Group>
<Zone title="Уведомления">
<Card>
<InputRow className={styles.row} input={toggle('enabled')}>
Получать уведомления
</InputRow>
</Card>
<div />
<Zone title="Типы уведомлений">
<Group>
<InputRow className={styles.row} input={toggle('enabled')}>
Включены
</InputRow>
<InputRow
className={styles.row}
input={toggle('flow', !values.enabled)}
@ -70,7 +76,9 @@ const NotificationSettingsForm: FC<NotificationSettingsFormProps> = ({
</Group>
</Zone>
<Zone title="Уведомления">
<div />
<Zone title="Способы доставки">
<Group>
<InputRow
className={styles.row}