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

fixed error displaying

Browse source
This commit is contained in:
Fedor Katurov 2020-07-27 18:24:51 +07:00
parent b1c71faf3a
commit 3e6ede51d4
3 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/profile/ProfileAccountsError/index.tsx
View file

@ -14,7 +14,9 @@ const ProfileAccountsError: FC<IProps> = ({ onClose, error }) => (
<Group className={styles.content}> <Group className={styles.content}>
<div className={styles.title}>О НЕТ!</div> <div className={styles.title}>О НЕТ!</div>
<div className={styles.text}>{ERROR_LITERAL[error] || error}</div> <div className={styles.text}>{ERROR_LITERAL[error] || error}</div>
<Button onClick={onClose}>Оу, жаль</Button> <Button onClick={onClose} size="small">
Оу, жаль
</Button>
</Group> </Group>
</div> </div>
); );

14
src/components/profile/ProfileAccountsError/styles.scss
View file

@ -5,13 +5,16 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
background-color: transparentize(black, 0.5); background-color: transparentize($red, 0.5);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-end;
margin: 0 !important;
padding: $gap;
box-sizing: border-box;
@include can_backdrop { @include can_backdrop {
background-color: transparentize($content_bg, 0.5); background-color: transparentize($red, 0.5);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
} }
@ -22,15 +25,14 @@
} }
.text { .text {
padding: $gap 0 $gap * 3; padding: 0 0 $gap 0;
} }
.content { .content {
max-width: 260px;
width: 100%; width: 100%;
color: white; color: white;
border-radius: $radius; border-radius: $radius;
background-color: $content_bg; background-color: $content_bg;
padding: $gap * 2; padding: $gap;
line-height: 1.2em; line-height: 1.2em;
} }

2
src/constants/errors.ts
View file

@ -46,5 +46,5 @@ export const ERROR_LITERAL = {
[ERRORS.UNKNOWN_FILE_TYPE]: 'Запрещенный тип файла', [ERRORS.UNKNOWN_FILE_TYPE]: 'Запрещенный тип файла',
[ERRORS.FILE_IS_TOO_BIG]: 'Файл слишком большой', [ERRORS.FILE_IS_TOO_BIG]: 'Файл слишком большой',
[ERRORS.USER_EXIST_WITH_EMAIL]: [ERRORS.USER_EXIST_WITH_EMAIL]:
'Мы не можем продолжить, потому что у другого пользователя есть этот email', 'Мы не можем продолжить, потому что у другого пользователя есть этот email.',
}; };