Feature/new nav (#47)

* Add new navbar!

* Minor design fixes

* Fix build errors

* Fix more build errors

* Fix test errors

* Rename NavTab to CircleButton

Author: safinsingh

package.json

@@ -6,9 +6,6 @@
     "@chakra-ui/core": "^0.8.0",
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@fortawesome/fontawesome-svg-core": "^1.2.30",
-    "@fortawesome/free-solid-svg-icons": "^5.14.0",
-    "@fortawesome/react-fontawesome": "^0.1.11",
     "@types/react-router-dom": "^5.1.5",
     "emotion-theming": "^10.0.27",
     "mobx": "^5.15.4",

src/App.test.tsx

@@ -5,6 +5,6 @@ import App from './App'
 
 test('Renders Rapid header', () => {
   const { getByText } = render(<App />)
-  const linkElement = getByText(/Find/i)
-  expect(linkElement).toBeInTheDocument()
+  const placeholder = getByText(/Rapid/i)
+  expect(placeholder).toBeInTheDocument()
 })

src/App.tsx

@@ -1,48 +1,7 @@
-import { Box } from '@chakra-ui/core'
 import React, { FunctionComponent } from 'react'
-import {
-  BrowserRouter as Router,
-  Redirect,
-  Route,
-  Switch,
-} from 'react-router-dom'
-
-import ThemeX from './components/theme'
-import Chat from './pages/Chat'
-import Community from './pages/Community'
-import Explore from './pages/Explore'
-import Users from './pages/Users'
 
 const App: FunctionComponent = () => {
-  return (
-    <div className="app">
-      <ThemeX>
-        <Box backgroundColor="#212226">
-          <Router>
-            <div>
-              <Switch>
-                <Route path="/community">
-                  <Community />
-                </Route>
-                <Route path="/users">
-                  <Users />
-                </Route>
-                <Route path="/explore">
-                  <Explore />
-                </Route>
-                <Route path="/chat">
-                  <Chat />
-                </Route>
-                <Route path="/">
-                  <Redirect to="/explore" />
-                </Route>
-              </Switch>
-            </div>
-          </Router>
-        </Box>
-      </ThemeX>
-    </div>
-  )
+  return <div className="App">Rapid</div>
 }
 
 export default App