layouts GlobalOverlays.tsx

0% Statements 0/15

0% Branches 0/1

0% Functions 0/1

0% Lines 0/15

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import PageLoader from '@/shared/components/PageLoader/PageLoader';
import ScrollToTopButton from '@/shared/components/ScrollToTopButton/ScrollToTopButton';
import Toast from '@/shared/components/Toast/Toast';
import { useGlobalStore } from '@/store/useGlobalStore';
import { createPortal } from 'react-dom';
 
const GlobalOverlays = () => {
  const isLoading = useGlobalStore((state) => state.isLoading) ?? false;
 
  return (
    <>
      <ScrollToTopButton />
      {isLoading && typeof document !== 'undefined' && createPortal(<PageLoader />, document.body)}
      <Toast />
    </>
  );
};
 
export default GlobalOverlays;