smov/src/components/Overlay.tsx

import { Helmet } from "react-helmet";

import { Transition } from "@/components/Transition";

export function Overlay(props: { children: React.ReactNode }) {
  return (
    <>
      <Helmet>
        <body data-no-scroll />
      </Helmet>
      <div className="fixed inset-0 z-[99999]">
        <Transition
          animation="fade"
          className="absolute inset-0 bg-[rgba(8,6,18,0.85)]"
          isChild
        />
        {props.children}
      </div>
    </>
  );
}
linting Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com> 2023-02-19 18:03:54 +01:00			`import { Helmet } from "react-helmet";`

style: sort imports according to ESLint rules This commit updates the import statements in the codebase to comply with ESLint rules for import ordering. All imports have been sorted alphabetically and grouped according to the specified import groups in the ESLint configuration. This improves the codebase's consistency and maintainability. 2023-04-24 17:41:54 +02:00			`import { Transition } from "@/components/Transition";`

linting Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com> 2023-02-19 18:03:54 +01:00			`export function Overlay(props: { children: React.ReactNode }) {`
			`return (`
			`<>`
			`<Helmet>`
			`<body data-no-scroll />`
			`</Helmet>`
finalized domain redirect modal Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com> Co-authored-by: James Hawkins <jhawki2005@gmail.com> 2023-02-19 19:54:34 +01:00			`<div className="fixed inset-0 z-[99999]">`
			`<Transition`
			`animation="fade"`
			`className="absolute inset-0 bg-[rgba(8,6,18,0.85)]"`
			`isChild`
			`/>`
linting Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com> 2023-02-19 18:03:54 +01:00			`{props.children}`
			`</div>`
			`</>`
			`);`
			`}`