From 46fc2999a04facccbe66acec9d6d2db91a2e93d4 Mon Sep 17 00:00:00 2001
From: Sergiy <sergiy0378@gmail.com>
Date: Mon, 19 Aug 2024 16:03:43 +0300
Subject: [PATCH] OV-6: + add transition

---
 .../loader-overlay/loader-overlay.tsx         | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/frontend/src/bundles/common/components/loader-overlay/loader-overlay.tsx b/frontend/src/bundles/common/components/loader-overlay/loader-overlay.tsx
index 1e2e0dbb2..c6a085991 100644
--- a/frontend/src/bundles/common/components/loader-overlay/loader-overlay.tsx
+++ b/frontend/src/bundles/common/components/loader-overlay/loader-overlay.tsx
@@ -1,20 +1,22 @@
-import { Flex } from '@chakra-ui/react';
+import { Fade, Flex } from '@chakra-ui/react';
 
-import { Loader } from '../components.js';
+import { Loader } from '../loader/loader.js';
 
 const LoaderOverlay = (): JSX.Element => {
     return (
-        <Flex
-            width="full"
-            height="calc(100vh)"
-            position="absolute"
-            background="shadow.700"
-            color="white"
-            justifyContent="center"
-            alignItems="center"
-        >
-            <Loader />
-        </Flex>
+        <Fade in={true}>
+            <Flex
+                width="full"
+                height="full"
+                position="absolute"
+                background="shadow.700"
+                color="white"
+                justifyContent="center"
+                alignItems="center"
+            >
+                <Loader />
+            </Flex>
+        </Fade>
     );
 };