Migrate the existing login form to use React
This commit is contained in:
parent
0ab3768274
commit
d9f30294de
15 changed files with 322 additions and 72 deletions
26
resources/scripts/routers/AuthenticationRouter.tsx
Normal file
26
resources/scripts/routers/AuthenticationRouter.tsx
Normal file
|
@ -0,0 +1,26 @@
|
|||
import * as React from 'react';
|
||||
import { BrowserRouter, Route, Switch } from 'react-router-dom';
|
||||
import LoginContainer from '@/components/auth/LoginContainer';
|
||||
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
||||
|
||||
export default class AuthenticationRouter extends React.PureComponent {
|
||||
render () {
|
||||
return (
|
||||
<BrowserRouter basename={'/auth'}>
|
||||
<Route
|
||||
render={({ location }) => (
|
||||
<TransitionGroup>
|
||||
<CSSTransition key={location.key} timeout={150} classNames={'fade'}>
|
||||
<Switch location={location}>
|
||||
<Route path={'/login'} component={LoginContainer}/>
|
||||
<Route path={'/forgot-password'}/>
|
||||
<Route path={'/checkpoint'}/>
|
||||
</Switch>
|
||||
</CSSTransition>
|
||||
</TransitionGroup>
|
||||
)}
|
||||
/>
|
||||
</BrowserRouter>
|
||||
);
|
||||
}
|
||||
}
|
Reference in a new issue