geonizeli/x-stake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move react routes to specific file

Browse Source
This commit is contained in:
João Geonizeli
2021-08-04 16:33:58 -03:00
parent bfb716bee2
commit 64a7fc7da9
2 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/javascript/src/App.tsx
View File

@@ -1,27 +1,27 @@
import type { FC } from "react";
import React from "react"; import React from "react";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import { BrowserRouter as Router } from "react-router-dom";
import { Navbar } from "./components/Navbar";
import { SideNav } from "./components/SideNav";
import { AppContext } from "./contexts/AppContext"; import { AppContext } from "./contexts/AppContext";
import { AuthProvider } from "./contexts/AuthProvider"; import { AuthProvider } from "./contexts/AuthProvider";
import { Home } from "./pages"; import { Routes } from "./Routes";
export const App = () => { export const App: FC = () => {
return ( return (
<AuthProvider> <Router>
<AppContext> <AuthProvider>
<main className="min-h-screen w-full bg-gray-50 flex flex-col"> <AppContext>
<Router> <main className="min-h-screen w-full bg-gray-50 flex flex-col">
<Switch> <Navbar />
<Route path="/hello_about"> <div className="flex flex-grow">
<div className="bg-gray-600">Hello World!</div> <SideNav />
</Route> <Routes />
<Route path="/"> </div>
<Home /> </main>
</Route> </AppContext>
</Switch> </AuthProvider>
</Router> </Router>
</main>
</AppContext>
</AuthProvider>
); );
}; };

15
app/javascript/src/Routes.tsx Normal file
View File

@@ -0,0 +1,15 @@
import type { FC } from "react";
import React from "react";
import { Switch, Route } from "react-router-dom";
import { Home } from "./pages";
export const Routes: FC = () => {
return (
<Switch>
<Route path="/">
<Home />
</Route>
</Switch>
);
};