import React from 'react'; import { observer, inject } from 'mobx-react'; import { useTranslation } from 'react-i18next'; import { useRouter } from 'next/router'; import Link from 'next/link'; import { routes } from 'env/routes'; import { slugify } from 'env/utils/strings'; import withCustomComponent from 'ui/components/withCustomComponent'; import LocationsMenu from 'ui/components/LocationsMenu/LocationsMenu'; export const PublicHeader = withCustomComponent('PublicHeader')( inject( 'appStore', 'checkoutStore', 'coursesStore', 'bookingsStore' )( observer(({ coursesStore, checkoutStore, appStore, bookingsStore }) => { const { t } = useTranslation(); const router = useRouter(); const { publicCustomPages, business } = appStore; const { resources, resourceGroups } = bookingsStore; const config = appStore.configuration; return ( <>

{checkoutStore.basket.length > 0 && ( {checkoutStore.basket.length} )}

{config['PublicWebSite.AboutUs'] && (
{t('ABOUT US', { businessName: t(business.Name), })}
)}
{t('LEARN MORE')}

{t('Contact Us')} {t('Watch Video')}

{resources.length > 0 && ( <> {resourceGroups.length > 1 && (
{t('BOOKINGS')}

{t('Find a Room')} {t('Bookings Calendar')}

)} {resourceGroups.length == 1 && (
{t('BOOKINGS')}
{resourceGroups.map((group) => (
{t(group.groupName) || t('All Resources')}
))}

)} )} {config['Blog.Enabled'] && (
-1 ? 'active' : '' } > {t('BLOG')}
)}

{t('Part of the DYMON Group')}
{config['PublicWebSite.Tour'] && appStore.coworkingDashboard && (
{t('Book a tour')}
)}
{t('Sign in')}

); }) ) );