-
Notifications
You must be signed in to change notification settings - Fork 40
/
App.tsx
executable file
·39 lines (37 loc) · 1.13 KB
/
App.tsx
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
import React from 'react';
import { Switch, Route, NavLink } from 'react-router-dom';
import Films from './pages/films/Films';
import Film from './pages/film/Film';
import Characters from './pages/characters/Characters';
import Character from './pages/character/Character';
import Home from './pages/Home';
export function App() {
return (
<div className="rr-rq-app">
<nav className="rr-rq-navbar">
<NavLink activeClassName="active" exact to="/">Home</NavLink>
<NavLink activeClassName="active" exact to="/films">Films</NavLink>
<NavLink activeClassName="active" exact to="/characters">Characters</NavLink>
</nav>
<main>
<Switch>
<Route exact path="/films">
<Films />
</Route>
<Route exact path="/films/:filmId">
<Film />
</Route>
<Route exact path="/characters">
<Characters />
</Route>
<Route exact path="/characters/:characterId">
<Character />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</main>
</div>
);
}