OV-6: * loaderOverlay component

BinaryStudioAcademy · Aug 19, 2024 · 92f59d5 · 92f59d5
1 parent 580d235
commit 92f59d5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/frontend/src/bundles/common/components/components.ts b/frontend/src/bundles/common/components/components.ts
@@ -2,7 +2,7 @@ export { Button } from './button/button.js';
 export { Input } from './input/input.js';
 export { Link } from './link/link.js';
 export { Loader } from './loader/loader.js';
-export { LoaderOverlay } from './loader-overlay/loader-overlay.js';
+export { Overlay } from './overlay/overlay.js';
 export { RouterProvider } from './router-provider/router-provider.js';
 export {
     Box,

diff --git a/...ponents/loader-overlay/loader-overlay.tsx → ...les/common/components/overlay/overlay.tsx b/...ponents/loader-overlay/loader-overlay.tsx → ...les/common/components/overlay/overlay.tsx
@@ -1,12 +1,11 @@
 import { Fade, Flex } from '@chakra-ui/react';
 
-import { Loader } from '../loader/loader.js';
-
 type Properties = {
     isOpen: boolean;
+    children: React.ReactNode;
 };
 
-const LoaderOverlay = ({ isOpen }: Properties): JSX.Element => {
+const Overlay = ({ isOpen, children }: Properties): JSX.Element => {
     return (
         <Fade in={isOpen}>
             <Flex
@@ -18,10 +17,10 @@ const LoaderOverlay = ({ isOpen }: Properties): JSX.Element => {
                 justifyContent="center"
                 alignItems="center"
             >
-                <Loader />
+                {children}
             </Flex>
         </Fade>
     );
 };
 
-export { LoaderOverlay };
+export { Overlay };