31cdfe0fe5
Introducing a much improved design system with new components in the Appsmith Design System.
55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import React from "react";
|
|
import { Route, Switch, useLocation, useRouteMatch } from "react-router-dom";
|
|
import Login from "./Login";
|
|
import { AuthCard, AuthCardContainer, AuthContainer } from "./StyledComponents";
|
|
import SignUp from "./SignUp";
|
|
import ForgotPassword from "./ForgotPassword";
|
|
import ResetPassword from "./ResetPassword";
|
|
import PageNotFound from "pages/common/PageNotFound";
|
|
import FooterLinks from "./FooterLinks";
|
|
import * as Sentry from "@sentry/react";
|
|
import requiresAuthHOC from "./requiresAuthHOC";
|
|
import { useSelector } from "react-redux";
|
|
import { getThemeDetails, ThemeMode } from "selectors/themeSelectors";
|
|
import { AppState } from "reducers";
|
|
import { ThemeProvider } from "styled-components";
|
|
|
|
const SentryRoute = Sentry.withSentryRouting(Route);
|
|
|
|
export function UserAuth() {
|
|
const { path } = useRouteMatch();
|
|
const location = useLocation();
|
|
const lightTheme = useSelector((state: AppState) =>
|
|
getThemeDetails(state, ThemeMode.LIGHT),
|
|
);
|
|
|
|
return (
|
|
<ThemeProvider theme={lightTheme}>
|
|
<AuthContainer>
|
|
<AuthCardContainer>
|
|
<AuthCard>
|
|
<Switch location={location}>
|
|
<SentryRoute component={Login} exact path={`${path}/login`} />
|
|
<SentryRoute component={SignUp} exact path={`${path}/signup`} />
|
|
<SentryRoute
|
|
component={ResetPassword}
|
|
exact
|
|
path={`${path}/resetPassword`}
|
|
/>
|
|
<SentryRoute
|
|
component={ForgotPassword}
|
|
exact
|
|
path={`${path}/forgotPassword`}
|
|
/>
|
|
<SentryRoute component={PageNotFound} />
|
|
</Switch>
|
|
</AuthCard>
|
|
</AuthCardContainer>
|
|
<FooterLinks />
|
|
</AuthContainer>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default requiresAuthHOC(UserAuth);
|