From 785bc6bc8e93307c74e6f0aca9d737ef352bb6f4 Mon Sep 17 00:00:00 2001
From: Tulio Gabriel <tullio_cba@hotmail.com>
Date: Thu, 19 Mar 2020 07:34:13 -0300
Subject: [PATCH] =?UTF-8?q?Navega=C3=A7=C3=A3o=20de=20rotas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Main/index.js       |  9 ++++++++-
 src/pages/Repository/index.js |  4 ++--
 src/routes.js                 | 20 ++++++++++----------
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/pages/Main/index.js b/src/pages/Main/index.js
index 03587bd..b5becac 100644
--- a/src/pages/Main/index.js
+++ b/src/pages/Main/index.js
@@ -3,6 +3,7 @@
 import React, { Component } from 'react';
 import { FaGithubAlt, FaPlus, FaSpinner } from 'react-icons/fa';
 
+import { Link } from 'react-router-dom';
 import { Container, Form, SubmitButton, List } from './styles';
 
 import api from '../../services/api';
@@ -85,7 +86,13 @@ export default class Main extends Component {
                     {repositories.map(repository => (
                         <li key={repository.name}>
                             <span>{repository.name}</span>
-                            <a href={() => {}}>Detalhe</a>
+                            <Link
+                                to={`/repository/${encodeURIComponent(
+                                    repository.name
+                                )}`}
+                            >
+                                Detalhe
+                            </Link>
                         </li>
                     ))}
                 </List>
diff --git a/src/pages/Repository/index.js b/src/pages/Repository/index.js
index 81e9161..64be598 100644
--- a/src/pages/Repository/index.js
+++ b/src/pages/Repository/index.js
@@ -2,6 +2,6 @@ import React from 'react';
 
 // import { Container } from './styles';
 
-export default function Repository() {
-    return <h1>Repository</h1>;
+export default function Repository({ match }) {
+    return <h1>{decodeURIComponent(match.params.repository)}</h1>;
 }
diff --git a/src/routes.js b/src/routes.js
index 3dbca2b..2dd355b 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -1,18 +1,18 @@
 import React from 'react';
-import {BrowserRouter, Switch, Route} from 'react-router-dom';
+import { BrowserRouter, Switch, Route } from 'react-router-dom';
 
 import Main from './pages/Main';
-import Repository from './pages/Repository'
+import Repository from './pages/Repository';
 
 // import { Container } from './styles';
 
 export default function Routes() {
-  return (
-    <BrowserRouter>
-        <Switch>
-            <Route path='/'component={Main} exact/>
-            <Route path='/repository'component={Repository}/>
-        </Switch>
-    </BrowserRouter>
-  );
+    return (
+        <BrowserRouter>
+            <Switch>
+                <Route path="/" component={Main} exact />
+                <Route path="/repository/:repository" component={Repository} />
+            </Switch>
+        </BrowserRouter>
+    );
 }