flix.dev/src/App.jsx at 149a7d47394aeaf6b109eced541a8330ce9928be · flix/flix.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import './App.css';

import Home from "./page/Home";
import GetStarted from "./page/GetStarted";
import VSCode from "./page/VSCode";
import Documentation from "./page/Documentation";
import Principles from "./page/Principles";
import Contribute from "./page/Contribute";
import Faq from "./page/Faq";
import { Container, Navbar, Nav, NavItem, NavLink, Row } from 'reactstrap';
import { Route, Routes } from "react-router";
import { Link } from "react-router-dom";

import Blog from "./page/Blog";
import Internships from "./page/Internships";

function App() {
    return (
        <Container className="page">
            <Navbar dark color="info" expand="md" className="menu shadow-sm mb-4">
                <Nav className="mr-lg-auto" navbar>
                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/">Home</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/get-started/">Get Started</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/vscode/">VSCode</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link}
                                 to="/principles/">Principles</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/documentation/">Documentation</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/faq/">FAQ</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/blog/">Blog</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/contribute/">Contribute</NavLink>
                    </NavItem>

                    <NavItem className="pl-1 pr-1">
                        <NavLink tag={Link} to="/internships/">Internships</NavLink>
                    </NavItem>
                </Nav>
            </Navbar>

            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/get-started/" element={<GetStarted />} />
                <Route path="/vscode/" element={<VSCode />} />
                <Route path="/principles/" element={<Principles />} />
                <Route path="/documentation/" element={<Documentation />} />
                <Route path="/faq/" element={<Faq />} />
                <Route path="/blog/*" element={<Blog />} />
                <Route path="/contribute/" element={<Contribute />} />
                <Route path="/internships/" element={<Internships />} />
            </Routes>

            <Row />

        </Container>
    );
}

export default App;