components.core.Router.jsx Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
import React from 'react'
import PropTypes from 'prop-types'
import { Switch, Route } from 'react-router-dom'
import { ConnectedRouter } from 'connected-react-router'
import { pure } from 'recompose'
import { useTranslation } from 'react-i18next'

import history from '../../history'

// eslint-disable-next-line import/no-named-as-default
import Page from './Page'

const errorStyle = {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    flexDirection: 'column',
    width: '100%',
    height: '100%',
    fontSize: '1.25rem',
    textAlign: 'center',
}

function Router({ embeddedRouting, children }) {
    const { t } = useTranslation()

    if (!embeddedRouting && !React.Children.count(children)) {
        return (
            
                {/* eslint-disable-next-line react/jsx-one-expression-per-line */}
                
                    ⚠
                    {/* eslint-disable-next-line react/jsx-one-expression-per-line */}
                    {t('pagesNotConfigured')}
                    .
                
                
                    {t('routerError', {
                        page: <Page>,
                        n2o: <N2O>,
                        embeddedRouting: embeddedRouting,
                    })}
                
            
        )
    }

    return (
        
            
                {React.Children.map(children, child => React.cloneElement(child, {
                    key: child.props.name,
                    custom: true,
                }))}
                {embeddedRouting ? (
                     (
                            
                        )}
                    />
                ) : null}
            
        
    )
}

Router.propTypes = {
    children: PropTypes.oneOfType([
        PropTypes.arrayOf(PropTypes.node),
        PropTypes.node,
    ]),
    embeddedRouting: PropTypes.bool,
}

Router.defaultProps = {
    embeddedRouting: true,
}

export default pure(Router)