fd7d61b47c
* Enabling again the eslint rules and applying the fixes * Restore , separators for types in single line mode * fix new errors * more lint fixes Co-authored-by: Scott Bishel <scott.bishel@mattermost.com>
80 lines
2.5 KiB
TypeScript
80 lines
2.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
import React from 'react'
|
|
import {
|
|
Redirect,
|
|
Route,
|
|
} from 'react-router-dom'
|
|
|
|
import {Utils} from './utils'
|
|
import {getLoggedIn, getMe, getMyConfig} from './store/users'
|
|
import {useAppSelector} from './store/hooks'
|
|
import {UserSettingKey} from './userSettings'
|
|
import {IUser} from './user'
|
|
import {getClientConfig} from './store/clientConfig'
|
|
import {ClientConfig} from './config/clientConfig'
|
|
|
|
type RouteProps = {
|
|
path: string|string[]
|
|
exact?: boolean
|
|
render?: (props: any) => React.ReactElement
|
|
component?: React.ComponentType
|
|
children?: React.ReactElement
|
|
getOriginalPath?: (match: any) => string
|
|
loginRequired?: boolean
|
|
}
|
|
|
|
function FBRoute(props: RouteProps) {
|
|
const loggedIn = useAppSelector<boolean|null>(getLoggedIn)
|
|
const me = useAppSelector<IUser|null>(getMe)
|
|
const myConfig = useAppSelector(getMyConfig)
|
|
const clientConfig = useAppSelector<ClientConfig>(getClientConfig)
|
|
|
|
let redirect: React.ReactNode = null
|
|
|
|
// No FTUE for guests
|
|
const disableTour = me?.is_guest || clientConfig?.featureFlags?.disableTour || false
|
|
|
|
const showWelcomePage = !disableTour &&
|
|
Utils.isFocalboardPlugin() &&
|
|
(me?.id !== 'single-user') &&
|
|
props.path !== '/welcome' &&
|
|
loggedIn === true &&
|
|
!myConfig[UserSettingKey.WelcomePageViewed]
|
|
|
|
if (showWelcomePage) {
|
|
redirect = ({match}: any) => {
|
|
if (props.getOriginalPath) {
|
|
return <Redirect to={`/welcome?r=${props.getOriginalPath!(match)}`}/>
|
|
}
|
|
return <Redirect to='/welcome'/>
|
|
}
|
|
}
|
|
|
|
if (redirect === null && loggedIn === false && props.loginRequired) {
|
|
redirect = ({match}: any) => {
|
|
if (props.getOriginalPath) {
|
|
let redirectUrl = '/' + Utils.buildURL(props.getOriginalPath!(match))
|
|
if (redirectUrl.indexOf('//') === 0) {
|
|
redirectUrl = redirectUrl.slice(1)
|
|
}
|
|
const loginUrl = `/error?id=not-logged-in&r=${encodeURIComponent(redirectUrl)}`
|
|
return <Redirect to={loginUrl}/>
|
|
}
|
|
return <Redirect to='/error?id=not-logged-in'/>
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Route
|
|
path={props.path}
|
|
render={props.render}
|
|
component={props.component}
|
|
exact={props.exact}
|
|
>
|
|
{redirect || props.children}
|
|
</Route>
|
|
)
|
|
}
|
|
|
|
export default React.memo(FBRoute)
|