File "checkout-layout.tsx"
Full Path: /home/markqprx/iniasli.pro/client/billing/checkout/checkout-layout.tsx
File size: 1.66 KB
MIME-type: text/plain
Charset: utf-8
import {Fragment, ReactElement, useEffect} from 'react';
import {Navbar} from '../../ui/navigation/navbar/navbar';
import {CustomMenu} from '../../menus/custom-menu';
import {LocaleSwitcher} from '../../i18n/locale-switcher';
import {removeFromLocalStorage} from '../../utils/hooks/local-storage';
import {StaticPageTitle} from '../../seo/static-page-title';
import {Trans} from '../../i18n/trans';
interface CheckoutLayoutProps {
children: [ReactElement, ReactElement];
}
export function CheckoutLayout({children}: CheckoutLayoutProps) {
const [left, right] = children;
useEffect(() => {
removeFromLocalStorage('be.onboarding.selected');
}, []);
return (
<Fragment>
<StaticPageTitle>
<Trans message="Checkout" />
</StaticPageTitle>
<Navbar
size="sm"
color="transparent"
className="z-10 mb-20 md:mb-0"
textColor="text-main"
logoColor="dark"
darkModeColor="transparent"
menuPosition="checkout-page-navbar"
/>
<div className="md:flex w-full mx-auto justify-between px-20 md:px-0 md:pt-128 md:max-w-950">
<div className="hidden md:block fixed right-0 top-0 w-1/2 h-full bg-alt shadow-[15px_0_30px_0_rgb(0_0_0_/_18%)]" />
<div className="md:w-400 overflow-hidden">
{left}
<CustomMenu
menu="checkout-page-footer"
className="text-xs mt-50 text-muted overflow-x-auto"
/>
<div className="mt-40">
<LocaleSwitcher />
</div>
</div>
<div className="hidden md:block w-384">
<div className="relative z-10">{right}</div>
</div>
</div>
</Fragment>
);
}