import React from "react"; import "./App.css"; // Router import {Link, BrowserRouter as Router, Route, Switch} from "react-router-dom"; // Header import "@rmwc/top-app-bar/styles"; import { TopAppBar, TopAppBarRow, TopAppBarSection, TopAppBarTitle, TopAppBarFixedAdjust, } from "@rmwc/top-app-bar"; import {Alert, Layout} from "antd"; // Pages import {About} from "./pages/about"; import {Contributors} from "./pages/contributors"; import {Ideas} from "./pages/ideas"; import {InitiativeDirectory} from "./pages/initiatives"; import {InitiativeSubmission} from "./pages/initiative-submission"; const {Content} = Layout; function App() { return ( <Layout> <Router> <TopAppBar> <TopAppBarRow> <TopAppBarSection> <TopAppBarTitle> <Link to="/" className="root"> #ppeforfree </Link> </TopAppBarTitle> </TopAppBarSection> <TopAppBarSection alignEnd> <nav> <Link to="/">about</Link> <Link to="/contributors">contributors</Link> <a href="https://discord.gg/pWF2zBf" target="_blank" rel="noreferrer noopener" > join us </a> <a href="http://github.com/PPEForFree" target="_blank" rel="noreferrer noopener" className="icon icon-github" > <img src="/github-icon.png" alt="github" /> </a> </nav> </TopAppBarSection> </TopAppBarRow> </TopAppBar> <TopAppBarFixedAdjust /> <Alert message="Join us!" description={ <div> We're building a distributed team and are looking for volunteers. If you are interested in leveraging your skills and experience to make a significant contribution to a worthwhile cause during the ongoing epidemic then please register your interest by joining us on{" "} <a href="https://discord.gg/pWF2zBf" target="_blank" rel="noreferrer noopener" > Discord </a> . </div> } type="info" showIcon closable /> <Content> <Switch> <Route path="/ideas" component={Ideas} /> <Route path="/initiatives/submit" component={InitiativeSubmission} /> <Route path="/directory" component={InitiativeDirectory} /> <Route path="/contributors" component={Contributors} /> <Route path="/" component={About} /> </Switch> </Content> </Router> </Layout> ); } export default App;