src/app/layout.tsx - master - viktorphp/front-socket

src/app/layout.tsx
106 строк3 KB
Иванов Виктор Евгеньевич
[master]: исправить переход в запись календаря
19 май 2026, 03:41
19 май 2026, 03:417ff9e9b
import './globals.css';

import { ReactNode } from 'react';

import { Box, Stack } from '@mui/material';
import { Metadata } from 'next';

import { RootProviders } from '@app/_providers';
import { SignalLoaderOverlay } from '@shared/ui';
import { Navigation } from '@widgets/navigation';
import { ProfileDropdown } from '@widgets/profile';

export const metadata: Metadata = {
  title: 'Tree Of Life',
  description: '',
};

const RootLayout = ({ children }: { children: ReactNode }) => {
  if (typeof window !== 'undefined') {
    console.log('🔍 Client Layout Debug Info:');
    console.log('NEXT_PUBLIC_API_URL:', process.env.NEXT_PUBLIC_API_URL);
    console.log(
      'NEXT_PUBLIC_REACT_APP_SOCKET_URL:',
      process.env.NEXT_PUBLIC_REACT_APP_SOCKET_URL
    );
  }

  return (
    <html
      lang="ru"
      style={{
        margin: 0,
        padding: 0,
        height: '100vh',
        width: '100%',
        minWidth: '1000px',
      }}
      suppressHydrationWarning
    >
      <head>
        <meta charSet="UTF-8" />
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      </head>
      <body
        suppressHydrationWarning
        style={{
          display: 'flex',
          margin: 0,
          padding: 0,
          height: '100%',
          width: '100%',
        }}
      >
        <RootProviders>
          <Stack direction="column" sx={{ height: '100%', width: '100%' }}>
            <Stack
              direction="row"
              justifyContent="space-between"
              alignItems="center"
              px={2}
              sx={{
                flexShrink: 0,
                height: '4rem',
                backgroundColor: 'secondary.dark',
                position: 'relative',
                zIndex: 10,
              }}
            >
              <Navigation />
              <ProfileDropdown />
            </Stack>
            <Stack
              component="main"
              sx={{
                width: '100%',
                flex: 1,
                minHeight: 0,
                overflow: 'hidden',
                display: 'flex',
                flexDirection: 'column',
              }}
            >
              <Box
                sx={{
                  width: '100%',
                  flex: 1,
                  minHeight: 0,
                  display: 'flex',
                  flexDirection: 'column',
                  alignItems: 'stretch',
                  overflow: 'auto',
                }}
              >
                {children}
              </Box>
            </Stack>
          </Stack>
          <SignalLoaderOverlay />
        </RootProviders>
      </body>
    </html>
  );
};

export default RootLayout;