* wip * feat: first draft of auth.config * chore: auth methodS * chore: styling * styling, styling, styling * feat: Auth notices * chore: Remove server-rendered pages, move shared/components -> components * lint * cleanup * cleanup * fix: Remove unused component * fix: Ensure env variables in prod too * style tweaks * fix: Entering SSO email into login form fails fix: Tweak language around guest signin
43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
// @flow
|
|
import * as React from "react";
|
|
import { observer, inject } from "mobx-react";
|
|
import { Redirect } from "react-router-dom";
|
|
import AuthStore from "stores/AuthStore";
|
|
import LoadingIndicator from "components/LoadingIndicator";
|
|
import { isCustomSubdomain } from "shared/utils/domains";
|
|
|
|
type Props = {
|
|
auth: AuthStore,
|
|
children?: React.Node,
|
|
};
|
|
|
|
const Authenticated = observer(({ auth, children }: Props) => {
|
|
if (auth.authenticated) {
|
|
const { user, team } = auth;
|
|
const { hostname } = window.location;
|
|
|
|
if (!team || !user) {
|
|
return <LoadingIndicator />;
|
|
}
|
|
|
|
// If we're authenticated but viewing a subdomain that doesn't match the
|
|
// currently authenticated team then kick the user to the teams subdomain.
|
|
if (
|
|
process.env.SUBDOMAINS_ENABLED &&
|
|
team.subdomain &&
|
|
isCustomSubdomain(hostname) &&
|
|
!hostname.startsWith(`${team.subdomain}.`)
|
|
) {
|
|
window.location.href = `${team.url}${window.location.pathname}`;
|
|
return <LoadingIndicator />;
|
|
}
|
|
|
|
return children;
|
|
}
|
|
|
|
auth.logout(true);
|
|
return <Redirect to="/" />;
|
|
});
|
|
|
|
export default inject("auth")(Authenticated);
|