locklite/src/app/ui/layout.tsx at a88e34fb22ea7605036e68c5b537d64955b40bce · vbetsch/locklite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import type { Metadata } from 'next';
import type { JSX } from 'react';
import React from 'react';
import ThemeRegistry from '@ui/providers/ThemeRegistry';
import { AppBar, Container, Toolbar, Typography } from '@mui/material';
import PageContainer from '@ui/components/common/PageContainer';
import type { SharedLayoutProps } from '@shared/types/props/SharedLayoutProps';

export const metadata: Metadata = {
  title: {
    default: 'LockLite',
    template: '%s | LockLite',
  },
  description: 'The best secure password manager',
};

export default function RootLayout({
  children,
}: SharedLayoutProps): JSX.Element {
  return (
    // eslint-disable-next-line no-restricted-syntax
    <html lang="en" style={{ height: '100%' }}>
      {/* eslint-disable-next-line no-restricted-syntax */}
      <body style={{ height: '100%', margin: 0 }}>
        <ThemeRegistry>
          <AppBar position={'sticky'} component="header">
            <Toolbar>
              <Typography variant="h6">Locklite</Typography>
            </Toolbar>
          </AppBar>
          <Container component="main">
            <PageContainer>{children}</PageContainer>
          </Container>
        </ThemeRegistry>
      </body>
    </html>
  );
}