From 4f0598bbf6df615b3a8ea11b7f2a2686e9ad0f53 Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Sat, 3 Sep 2022 12:57:47 -0700
Subject: [PATCH] doc: add Routes into the main app component

---
 src/components/App.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/App.jsx b/src/components/App.jsx
index b813de4..1067585 100644
--- a/src/components/App.jsx
+++ b/src/components/App.jsx
@@ -5,7 +5,7 @@ import { Routes, Route } from 'react-router-dom';
 import useStyles from './styles';
 import useAlan from './Alan';
 
-import { Navbar } from './index'
+import { Actors, Movies, MovieInfo, Navbar, Profile } from './index'
 
 function App() {
     const classes = useStyles();
@@ -19,6 +19,13 @@ function App() {
        <Navbar />
        <main className={classes.content}>
            <div className={classes.toolbar}>
+               <Routes>
+                   <Route exact path={'/'} element={<Movies />}/>
+                   <Route exact path={'/approved'} element={<Movies />}/>
+                   <Route exact path={'/movie/:id'} element={<MovieInfo />}/>
+                   <Route exact path={'/actors/:id'} element={<Actors />}/>
+                   <Route exact path={'/profile/:id'} element={<Profile />}/>
+               </Routes>
            </div>
        </main>
        <div ref={alanBtnContainer}/>