Convert all of the login components into hook based ones
This commit is contained in:
parent
aabf9b8a70
commit
328347fab7
20 changed files with 435 additions and 598 deletions
|
@ -1,7 +1,6 @@
|
|||
import * as React from 'react';
|
||||
import { BrowserRouter, Route, Switch } from 'react-router-dom';
|
||||
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
||||
import FlashMessageRender from '@/components/FlashMessageRender';
|
||||
import DesignElements from '@/components/account/DesignElements';
|
||||
|
||||
export default class AccountRouter extends React.PureComponent {
|
||||
|
@ -13,7 +12,6 @@ export default class AccountRouter extends React.PureComponent {
|
|||
<TransitionGroup className={'route-transition-group'}>
|
||||
<CSSTransition key={location.key} timeout={150} classNames={'fade'}>
|
||||
<section>
|
||||
<FlashMessageRender/>
|
||||
<Switch location={location}>
|
||||
<Route path={'/'} component={DesignElements} exact/>
|
||||
<Route path={'/design'} component={DesignElements} exact/>
|
||||
|
|
|
@ -3,7 +3,6 @@ import { BrowserRouter, Route, Switch } from 'react-router-dom';
|
|||
import LoginContainer from '@/components/auth/LoginContainer';
|
||||
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
||||
import ForgotPasswordContainer from '@/components/auth/ForgotPasswordContainer';
|
||||
import FlashMessageRender from '@/components/FlashMessageRender';
|
||||
import ResetPasswordContainer from '@/components/auth/ResetPasswordContainer';
|
||||
import LoginCheckpointContainer from '@/components/auth/LoginCheckpointContainer';
|
||||
|
||||
|
@ -16,7 +15,6 @@ export default class AuthenticationRouter extends React.PureComponent {
|
|||
<TransitionGroup className={'route-transition-group mt-32'}>
|
||||
<CSSTransition key={location.key} timeout={150} classNames={'fade'}>
|
||||
<section>
|
||||
<FlashMessageRender/>
|
||||
<Switch location={location}>
|
||||
<Route path={'/login'} component={LoginContainer} exact/>
|
||||
<Route path={'/login/checkpoint'} component={LoginCheckpointContainer}/>
|
||||
|
|
Reference in a new issue