diff --git a/client/.eslintignore b/client/.eslintignore index 334e01e38..5c7f4f6da 100644 --- a/client/.eslintignore +++ b/client/.eslintignore @@ -1,2 +1,4 @@ *.json *.test.js* +v1/* + diff --git a/client/.eslintrc.js b/client/.eslintrc.js index 3f4f2351b..f313ff840 100644 --- a/client/.eslintrc.js +++ b/client/.eslintrc.js @@ -50,5 +50,14 @@ module.exports = { } ], "template-curly-spacing": 'off', + 'jsx-a11y/no-noninteractive-tabindex': [ + 'error', + { + tags: [], + roles: ['tabpanel'], + }, + ], + "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], }, + }; diff --git a/client/App.jsx b/client/App.jsx index 85ea17064..909bb18f4 100644 --- a/client/App.jsx +++ b/client/App.jsx @@ -1,18 +1,13 @@ import React, { useEffect } from 'react'; import PropTypes from 'proptypes'; import { connect } from 'react-redux'; -import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; -import 'focus-visible'; +import { ThemeProvider } from '@material-ui/core/styles'; +import { CssBaseline } from '@material-ui/core'; import { getMetadataRequest } from '@reducers/metadata'; - -import RouteChange from '@components/main/util/RouteChange'; -import actions from '@components/main/util/routeChangeActions'; -import CookieNotice from '@components/main/body/CookieNotice'; -import Header from '@components/main/header/Header'; -import Footer from '@components/main/footer/Footer'; -import StaticFooter from '@components/main/footer/StaticFooter'; -import { SnapshotRenderer } from '@components/export/SnapshotService'; -import Routes from './Routes'; +import Header from '@components/Header'; +import Footer from '@components/Footer'; +import Map from '@components/Map'; +import theme from './theme/theme'; const App = ({ getMetadata, @@ -22,17 +17,12 @@ const App = ({ }); return ( - - + +
- - - - - - - - + +