chore: replace success with notification

HemmeligOrg · Apr 9, 2023 · af17314 · af17314
1 parent 4a57e9b
commit af17314
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 50 deletions.
diff --git a/src/client/components/info/style.module.css b/src/client/components/info/style.module.css
diff --git a/src/client/components/info/success.jsx b/src/client/components/info/success.jsx
diff --git a/src/client/routes/signin/index.jsx b/src/client/routes/signin/index.jsx
@@ -9,13 +9,13 @@ import {
     Title,
     Text,
     PasswordInput,
+    Notification,
 } from '@mantine/core';
 import { useDispatch } from 'react-redux';
 import { useForm } from '@mantine/form';
-import { IconLock, IconUser, IconLogin, IconAlertCircle } from '@tabler/icons';
+import { IconLock, IconUser, IconLogin, IconAlertCircle, IconCheck } from '@tabler/icons';
 import { useTranslation } from 'react-i18next';
 
-import Success from '../../components/info/success';
 import { signIn } from '../../api/authentication';
 import { userLogin } from '../../actions';
 
@@ -105,9 +105,14 @@ const SignIn = () => {
             </form>
 
             {success && (
-                <Success>
+                <Notification
+                    icon={<IconCheck size="1.1rem" />}
+                    color="teal"
+                    title={t('settings.success')}
+                    withCloseButton={false}
+                >
                     Redirecting to your account page. <Redirect to="/account" />
-                </Success>
+                </Notification>
             )}
         </Container>
     );

diff --git a/src/client/routes/signup/index.jsx b/src/client/routes/signup/index.jsx
@@ -9,13 +9,13 @@ import {
     Title,
     Text,
     PasswordInput,
+    Notification,
 } from '@mantine/core';
 import { useDispatch } from 'react-redux';
 import { useForm } from '@mantine/form';
-import { IconLock, IconUser, IconLogin, IconAt, IconAlertCircle } from '@tabler/icons';
+import { IconLock, IconUser, IconLogin, IconAt, IconAlertCircle, IconCheck } from '@tabler/icons';
 import { useTranslation } from 'react-i18next';
 
-import Success from '../../components/info/success';
 import { signUp } from '../../api/authentication';
 import { userLogin } from '../../actions';
 
@@ -114,10 +114,15 @@ const SignUp = () => {
             </form>
 
             {success && (
-                <Success>
+                <Notification
+                    icon={<IconCheck size="1.1rem" />}
+                    color="teal"
+                    title={t('settings.success')}
+                    withCloseButton={false}
+                >
                     Redirecting to your account page.
                     <Redirect to="/account" />
-                </Success>
+                </Notification>
             )}
         </Container>
     );