priyatham
/
Locaft
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

working routes

This commit is contained in:
Priyatham-sai-chand 2020-11-18 22:39:20 +05:30
parent 59384d3176
commit 556ceffc30
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.js
View File

@ -8,11 +8,10 @@ class App extends Component {
render(){ render(){
return ( return (
<div className="App"> <div className="App">
<PricingPlan />
<BrowserRouter> <BrowserRouter>
<Switch> <Switch>
<Route exact path="/" Component={HomePage} /> <Route exact path="/home" component={HomePage} />
<Route path="/User" Component={LogInContainer} /> <Route path="/user" component={LogInContainer} />
</Switch> </Switch>
</BrowserRouter> </BrowserRouter>

20
src/components/LogInContainer.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { HashRouter as BrowserRouter, Route, Link, NavLink } from 'react-router-dom'; import { HashRouter as BrowserRouter, Route, Link, NavLink, Switch } from 'react-router-dom';
import SignUpForm from './SignUp'; import SignUpForm from './SignUp';
import SignInForm from './SignIn'; import SignInForm from './SignIn';
@ -8,14 +8,22 @@ import '../login_reg.css';
class LogInContainer extends Component { class LogInContainer extends Component {
render() { render() {
return ( return (
<BrowserRouter> <BrowserRouter basename="/user/">
<div className="Apper"> <div className="Apper">
<div className="Apper__Aside"></div> <div className="Apper__Aside"></div>
<div className="Apper__Form"> <div className="Apper__Form">
<Route path="/sign-up" component={SignUpForm}> <div className="PageSwitcher">
</Route> <NavLink to="/sign-in" activeClassName="PageSwitcher__Item--Active" className="PageSwitcher__Item">Sign In</NavLink>
<Route path="/sign-in" component={SignInForm}> <NavLink exact to="/sign-up" activeClassName="PageSwitcher__Item--Active" className="PageSwitcher__Item">Sign Up</NavLink>
</Route> </div>
<div className="FormTitle">
<NavLink to="/sign-in" activeClassName="FormTitle__Link--Active" className="FormTitle__Link">Sign In</NavLink> or <NavLink exact to="/sign-up" activeClassName="FormTitle__Link--Active" className="FormTitle__Link">Sign Up</NavLink>
</div>
<Switch>
<Route path="/sign-up" component={SignUpForm} />
<Route path="/sign-in" component={SignInForm} />
</Switch>
</div> </div>
</div> </div>