From de3add16a0bc97e0c1b577b4524d20c4d225b2ee Mon Sep 17 00:00:00 2001
From: ledouxm <mledoux@mledoux.fr>
Date: Sun, 30 Jan 2022 22:42:10 +0100
Subject: [PATCH] feat: center "no notification" message

---
 src/features/Notifications/Notifications.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/features/Notifications/Notifications.tsx b/src/features/Notifications/Notifications.tsx
index 111156b..a6843d8 100644
--- a/src/features/Notifications/Notifications.tsx
+++ b/src/features/Notifications/Notifications.tsx
@@ -1,4 +1,4 @@
-import { Box, Flex, Spinner, Stack } from "@chakra-ui/react";
+import { Box, Center, Flex, Spinner, Stack } from "@chakra-ui/react";
 import { useCallback, useEffect, useRef } from "react";
 import { NotificationDto } from "../../types";
 import { NotificationItem } from "./NotificationItem";
@@ -18,7 +18,9 @@ export const Notifications = () => {
                 <NotificationsFilters />
             </Stack>
             {notificationsQuery.isLoading ? (
-                <Spinner />
+                <Center w="100%">
+                    <Spinner />
+                </Center>
             ) : (
                 <Stack ml="10px" overflowY="auto" height="100%" w="100%" overflowX="hidden">
                     {nbNewNotifications && nbNewNotifications > 0 && (
@@ -72,9 +74,9 @@ export const NotificationContent = ({
                     />
                 ))
             ) : (
-                <Box textAlign="center" mt="10px">
+                <Center w="100%" h="100%">
                     No notification
-                </Box>
+                </Center>
             )}
         </>
     );