import React, { Component } from 'react'; import { inject, observer } from 'mobx-react'; import { withTranslation, Trans } from 'react-i18next'; import withCustomComponent from 'ui/components/withCustomComponent'; import DefaultLayout from 'ui/layouts/DefaultLayout'; import Link from 'next/link'; import { BannerCarousel } from 'ui/_pages/about/BannerCarousel'; import OurTeam from 'ui/_pages/about/OurTeam'; import OpenPositions from 'ui/_pages/about/OpenPositions'; import { HomeLocationsSection } from 'ui/_pages/home/components/HomeLocationsSection'; import { ContactForm } from 'ui/_pages/contact/ContactForm'; import ReactMarkdown from 'react-markdown'; import { removeHtml } from 'env/utils/strings'; @withCustomComponent('AboutPage') @withTranslation() @inject('appStore', 'authStore', 'supportStore') @observer class AboutPage extends Component { componentDidMount() { const { appStore } = this.props; if (!appStore.hasLoadedHomePage) appStore.loadHomePage().catch((ex) => null); } render() { const { t, appStore, supportStore } = this.props; const { business, configuration } = appStore; const { newContactMessage } = supportStore; return (

{business.ShortIntroduction && (

{business.ShortIntroduction.length < 100 ? (

) : (

)}

{t(`About ${business.Name}`)}

{business.HasBanner && (

)}

)} {business.AboutUs && (

)}

{appStore.businesses.length > 1 && ( )} {/* */} {configuration['PublicWebSite.Contact'] && (

{t('Get in touch with us')}

)}

); } } export default AboutPage;