Fixed search link

Author: gabrielepace

src/app/components/Layouts/Characters/Characters.js

@@ -136,42 +136,42 @@ const Characters = ({ match }) => {
         People
       </Typography>
       <List>
-        {/* {charactersData &&
+        {charactersData &&
           charactersData.map(character => (
             <ListItem key={character.name} className={classes.listItem}>
               <Link
                 component={RouteLink}
                 className={classes.link}
-                to={`${match.url}/${character.url.slice(
+                to={character => `${match.url}/${character.url.slice(
                   character.url.indexOf("people") + "people".length + 1,
                   character.url.length - 1
                 )}`}
               >
                 {character.name}
               </Link>
             </ListItem>
-          ))} */}
+          ))} 
       </List>
     </Paper>
   );
 
   const searchingCharacters = (
     <Paper className={classes.paperCharacters}>
       <List>
-        {/* {searchResults.map(search => (
+        {searchResults.map(search => (
           <ListItem key={search.name} className={classes.listItem}>
             <Link
               component={RouteLink}
               className={classes.link}
-              to={`${match.url}/${search.url.slice(
+              to={search => `${match.url}/${search.url.slice(
                 search.url.indexOf("people") + "people".length + 1,
                 search.url.length - 1
               )}`}
             >
               {search.name}
             </Link>
           </ListItem>
-        ))} */}
+        ))}
       </List>
     </Paper>
   );

src/app/components/Layouts/Movies/Movies.js

@@ -148,14 +148,14 @@ const Movies = ({ match }) => {
       <Typography variant="h5" component="h2" className={classes.title}>
         Films
       </Typography>
-      {/* <List>
+      {<List>
         {moviesData &&
           moviesData.map(movie => (
             <ListItem key={movie.episode_id} className={classes.listItem}>
               <Link
                 component={RouteLink}
                 className={classes.link}
-                to={`${match.url}/${movie.url.slice(
+                to={movie =>`${match.url}/${movie.url.slice(
                   movie.url.indexOf("films") + "films".length + 1,
                   movie.url.length - 1
                 )}`}
@@ -164,28 +164,28 @@ const Movies = ({ match }) => {
               </Link>
             </ListItem>
           ))}
-      </List> */}
+      </List>}
     </Paper>
   );
 
   const movieSearch = isSearching ? (
     <Searching />
   ) : searchTerm !== "" ? (
     <Paper className={classes.paperMovies}>
-      {/* {results.map(result => (
+       {results.map(result => (
         <ListItem key={result.title} className={classes.listItem}>
           <Link
             component={RouteLink}
             className={classes.link}
-            to={`${match.url}/${result.url.slice(
+            to={result => `${match.url}/${result.url.slice(
               result.url.indexOf("films") + "films".length + 1,
               result.url.length - 1
             )}`}
           >
             {result.title}
           </Link>
         </ListItem>
-      ))} */}
+      ))}
     </Paper>
   ) : (
     movies