sasjs/server
1
0
Fork 0
mirror of https://github.com/sasjs/server.git synced 2025-12-10 19:34:34 +00:00
Code Issues Projects Releases Wiki Activity

chore: fix breaking changes caused by react-router-dom update

Browse Source
This commit is contained in:
Sabir Hassan
2022-07-15 18:42:59 +05:00
parent 5e930f14d2
commit 30d7a65358
2 changed files with 14 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/App.tsx
View File

@@ -1,5 +1,5 @@
import React, { useContext } from 'react'
import { Route, HashRouter, Switch } from 'react-router-dom'
import { Route, HashRouter, Routes } from 'react-router-dom'
import { ThemeProvider } from '@mui/material/styles'
import { theme } from './theme'
@@ -22,11 +22,9 @@ function App() {
<ThemeProvider theme={theme}>
<HashRouter>
<Header />
<Switch>
<Route path="/">
<Login />
</Route>
</Switch>
<Routes>
<Route path="/" element={<Login />} />
</Routes>
</HashRouter>
</ThemeProvider>
)
@@ -36,23 +34,13 @@ function App() {
<ThemeProvider theme={theme}>
<HashRouter>
<Header />
<Switch>
<Route exact path="/">
<Home />
</Route>
<Route exact path="/SASjsDrive">
<Drive />
</Route>
<Route exact path="/SASjsStudio">
<Studio />
</Route>
<Route exact path="/SASjsSettings">
<Settings />
</Route>
<Route exact path="/SASjsLogon">
<AuthCode />
</Route>
</Switch>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/SASjsDrive" element={<Drive />} />
<Route path="/SASjsStudio" element={<Studio />} />
<Route path="/SASjsSettings" element={<Settings />} />
<Route path="/SASjsLogon" element={<AuthCode />} />
</Routes>
<ToastContainer />
</HashRouter>
</ThemeProvider>

6
web/src/components/header.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect, useContext } from 'react'
import { Link, useHistory, useLocation } from 'react-router-dom'
import { Link, useNavigate, useLocation } from 'react-router-dom'
import {
AppBar,
@@ -24,7 +24,7 @@ const baseUrl =
const validTabs = ['/', '/SASjsDrive', '/SASjsStudio']
const Header = (props: any) => {
const history = useHistory()
const navigate = useNavigate()
const { pathname } = useLocation()
const appContext = useContext(AppContext)
const [tabValue, setTabValue] = useState(
@@ -74,7 +74,7 @@ const Header = (props: any) => {
}}
onClick={() => {
setTabValue('/')
history.push('/')
navigate('/')
}}
/>
<Tabs