freesewing/sites/shared/components/wrappers/layout.mjs

//  __SDEFILE__ - This file is a dependency for the stand-alone environment
import { nsMerge } from 'shared/utils.mjs'
import Head from 'next/head'
import { Header, ns as headerNs } from 'site/components/header/index.mjs'
import { Footer, ns as footerNs } from 'shared/components/footer/index.mjs'
import { Search, ns as searchNs } from 'site/components/search.mjs'

export const ns = nsMerge(headerNs, footerNs, searchNs)

export const LayoutWrapper = ({
  children = [],
  search,
  setSearch,
  noSearch = false,
  header = false,
  footer = true,
  slug,
}) => {
  return (
    <div
      className={`
    flex flex-col justify-between
    min-h-screen
    bg-base-100
    `}
    >
      <Head>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </Head>
      {header && <Header slug={slug} />}

      <main
        className={`grow transition-margin duration-300 ease-in-out
        }`}
      >
        {children}
      </main>

      {!noSearch && search && (
        <>
          <div
            className={`
          w-full max-h-screen bg-base-100 top-0 z-30 pt-0 pb-16 px-8
          md:rounded-lg
          md:max-w-xl md:m-auto md:inset-x-12
          md:max-w-2xl
          lg:max-w-4xl
        `}
          >
            <Search search={search} setSearch={setSearch} />
          </div>
          <div className="fixed top-0 left-0 w-full min-h-screen bg-neutral z-20 bg-opacity-70"></div>
        </>
      )}
      {footer && <Footer />}
    </div>
  )
}
wip(sde): Working on file list 2023-09-29 16:01:27 +02:00			`// __SDEFILE__ - This file is a dependency for the stand-alone environment`
feat(sde): Setup sde site 2023-09-29 08:05:40 +02:00			`import { nsMerge } from 'shared/utils.mjs'`
chore(org): Work on navigation 2023-03-26 16:50:46 +02:00			`import Head from 'next/head'`
wip(org): Work on porting account pages to new navigation 2023-03-27 18:49:09 +02:00			`import { Header, ns as headerNs } from 'site/components/header/index.mjs'`
			`import { Footer, ns as footerNs } from 'shared/components/footer/index.mjs'`
			`import { Search, ns as searchNs } from 'site/components/search.mjs'`

feat(sde): Setup sde site 2023-09-29 08:05:40 +02:00			`export const ns = nsMerge(headerNs, footerNs, searchNs)`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00
wip(org): Started working on v3 workbench 2023-05-08 19:28:03 +02:00			`export const LayoutWrapper = ({`
			`children = [],`
			`search,`
			`setSearch,`
			`noSearch = false,`
			`header = false,`
wip(shared): Changes to layouts This will break the org build, but we need to rip out sanity anyway so I don't think it's worth obsessing over it now. I've essentially changes the default layout and added a new navigation component. 2023-07-15 16:55:22 +02:00			`footer = true,`
fix(dev): Make slug available in header for modal menu 2023-07-16 08:25:08 +02:00			`slug,`
wip(org): Started working on v3 workbench 2023-05-08 19:28:03 +02:00			`}) => {`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`return (`
everything passes lint 2022-12-03 11:25:02 -06:00			`<div`
			className={`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`flex flex-col justify-between`
			`min-h-screen`
			`bg-base-100`
everything passes lint 2022-12-03 11:25:02 -06:00			`}
			`>`
chore(org): Work on navigation 2023-03-26 16:50:46 +02:00			`<Head>`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
			`</Head>`
chore(shared): Changes kiosk/expand/flags/header - Revamped the flags ui to be consistent with the rest - The expand setting is on by default now. Tweaks to its dialog and header - Added a new kiosk mode that will use the entire screen for the workbench - Got rid of the auto-hiding behaviour of the header which gets annoying quick 2023-09-09 17:58:44 +02:00			`{header && <Header slug={slug} />}`
dry up headers and layout wrappers. use sticky side navs 2023-06-20 16:52:00 -05:00
			`<main`
chore(shared): Changes kiosk/expand/flags/header - Revamped the flags ui to be consistent with the rest - The expand setting is on by default now. Tweaks to its dialog and header - Added a new kiosk mode that will use the entire screen for the workbench - Got rid of the auto-hiding behaviour of the header which gets annoying quick 2023-09-09 17:58:44 +02:00			className={`grow transition-margin duration-300 ease-in-out
dry up headers and layout wrappers. use sticky side navs 2023-06-20 16:52:00 -05:00			}`}
			`>`
			`{children}`
			`</main>`

wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`{!noSearch && search && (`
			`<>`
everything passes lint 2022-12-03 11:25:02 -06:00			`<div`
			className={`
dry up headers and layout wrappers. use sticky side navs 2023-06-20 16:52:00 -05:00			`w-full max-h-screen bg-base-100 top-0 z-30 pt-0 pb-16 px-8`
			`md:rounded-lg`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`md:max-w-xl md:m-auto md:inset-x-12`
			`md:max-w-2xl`
			`lg:max-w-4xl`
everything passes lint 2022-12-03 11:25:02 -06:00			`}
			`>`
wip(org): Started working on v3 workbench 2023-05-08 19:28:03 +02:00			`<Search search={search} setSearch={setSearch} />`
everything passes lint 2022-12-03 11:25:02 -06:00			`</div>`
			`<div className="fixed top-0 left-0 w-full min-h-screen bg-neutral z-20 bg-opacity-70"></div>`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`</>`
			`)}`
wip(shared): Changes to layouts This will break the org build, but we need to rip out sanity anyway so I don't think it's worth obsessing over it now. I've essentially changes the default layout and added a new navigation component. 2023-07-15 16:55:22 +02:00			`{footer && <Footer />}`
wip(org): Work on new site 2022-05-25 18:35:20 +02:00			`</div>`
			`)`
			`}`