import React from 'react' ; import { Redirect , Route , Switch } from 'react-router-dom' ; import Footer from './components/Footer' ; import Home from './pages/Home' ; import Search from './pages/Search' ; import { GlobalStyle } from './theme' ; import { useOpenSearch } from './util/hooks' ; import { isStandalone } from './util/pwa' ; export default function App ( ) { const OpenSearch = useOpenSearch ( '/opensearch.xml' ) ; return ( < > < GlobalStyle /> < OpenSearch / > < Switch > < Route exact path = "/" > < Home /> < /Route> < Route path = "/s/:query" > < Search /> < /Route> < Route path = "*" > < Redirect to = "/" / > < /Route> < /Switch> { ! isStandalone ( ) && < Footer />} < />); }