hope/dog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

icons neu, toaster weg

Browse Source
This commit is contained in:
Peter Hoppe
2023-02-16 10:54:33 +01:00
parent 71fed22a2a
commit 3d04de84fa
2 changed files with 108 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Login.tsx
View File

@ -5,7 +5,6 @@ import {getUser, loginUser} from '../services/PhpApi'
import useSWR from 'swr';
import { PasswordInput, Stack, TextInput } from '@mantine/core';
import { showNotification } from '@mantine/notifications';
//import {IonIcon} from '@ionic/react'
import { CheckCircledIcon, CrossCircledIcon, ExclamationTriangleIcon } from '@radix-ui/react-icons';
@ -25,7 +24,13 @@ const Login = () =>
{
showNotification(
{
icon: <CrossCircledIcon />,
icon: <div style=
{
{
transform: "translate(0px, -2px) scale(2.2)"
}
}>
<CrossCircledIcon/></div>,
color: 'red',
message: error.message
});
@ -61,9 +66,15 @@ const Login = () =>
{
showNotification(
{
icon: <ExclamationTriangleIcon/>,
icon: <div style=
{
{
transform: "translate(0px, -2px) scale(1.5)"
}
}>
<ExclamationTriangleIcon/></div>,
color: 'orange',
message: 'Please Fill in all Required Fields!'
message: 'Bitte alle Felder ausfüllen!'
});
return;
}
@ -73,7 +84,13 @@ const Login = () =>
{
showNotification(
{
icon: <CheckCircledIcon/>,
icon: <div style=
{
{
transform: "translate(0px, -2px) scale(2.2)"
}
}>
<CheckCircledIcon/></div>,
color: 'green',
message: logResp.message
});
@ -88,7 +105,13 @@ const Login = () =>
// else
showNotification(
{
icon: <CrossCircledIcon width={30}/>,
icon: <div style=
{
{
transform: "translate(0px, -2px) scale(2.2)"
}
}>
<CrossCircledIcon/></div>,
color: 'red',
message: logResp.message
});