56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Provider } from 'react-redux';
|
|
|
|
import { createStore } from './src/redux/createStore';
|
|
import AppMountNotifier from './src/components/AppMountNotifier';
|
|
import GuideNavContextProvider from './src/contexts/GuideNavigationContext';
|
|
import DefaultLayout from './src/components/layouts/Default';
|
|
import GuideLayout from './src/components/layouts/Guide';
|
|
|
|
const store = createStore();
|
|
|
|
export const wrapRootElement = ({ element }) => {
|
|
return (
|
|
<Provider store={store}>
|
|
<GuideNavContextProvider>
|
|
<AppMountNotifier render={() => element} />
|
|
</GuideNavContextProvider>
|
|
</Provider>
|
|
);
|
|
};
|
|
|
|
wrapRootElement.propTypes = {
|
|
element: PropTypes.any
|
|
};
|
|
|
|
export const wrapPageElement = ({ element, props }) => {
|
|
const {
|
|
location: { pathname }
|
|
} = props;
|
|
if (pathname === '/') {
|
|
return (
|
|
<DefaultLayout disableSettings={true} landingPage={true}>
|
|
{element}
|
|
</DefaultLayout>
|
|
);
|
|
}
|
|
if (/^\/guide(\/.*)*/.test(pathname)) {
|
|
return (
|
|
<DefaultLayout>
|
|
<GuideLayout>{element}</GuideLayout>
|
|
</DefaultLayout>
|
|
);
|
|
}
|
|
if (/^\/learn(\/.*)*/.test(pathname)) {
|
|
return <DefaultLayout showFooter={false}>{element}</DefaultLayout>;
|
|
}
|
|
return <DefaultLayout>{element}</DefaultLayout>;
|
|
};
|
|
|
|
wrapPageElement.propTypes = {
|
|
element: PropTypes.any,
|
|
location: PropTypes.objectOf({ pathname: PropTypes.string }),
|
|
props: PropTypes.any
|
|
};
|