Se corrige bug de vista detalles desde favs

DannitaZz · Feb 2, 2022 · d580440 · d580440
1 parent 827c65b
commit d580440
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -17,7 +17,7 @@ function App() {
       <BrowserRouter>
         <Routes>
           <Route exact path='/' element={<Pokemon favs={state.favIds} actionName={'setMainPage'} data={state.data} page={state.mainPage.page} dispatch={dispatch} />} />
-          <Route exact path='/details/:id' element={<Details pokemon={state.pokemon} dispatch={dispatch} />} />
+          <Route exact path='/:id' element={<Details pokemon={state.pokemon} dispatch={dispatch} />} />
           <Route exact path='/favorites' element={<Pokemon favs={state.favIds} actionName={'setFavPage'} data={state.favs} page={state.favPage.page} dispatch={dispatch} />} />
           {/* <Route exact path='/favorites' element={<Favorites state={state} dispatch={dispatch} />} /> */}
         </Routes>

diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
@@ -43,8 +43,8 @@ const ResponsiveAppBar = () => {
 
   const navigateToRepo_ = (e) => {
     const { value } =  e.target.innerText;
-    if (e.target.innerText === 'Repositories'){
-          navigateTo('/pokemon');
+    if (e.target.innerText === 'Pokémon'){
+          navigateTo('/');
     }
     else if (e.target.innerText=== 'Favorites') {
           navigateTo('/favorites');

diff --git a/src/components/pages/details.jsx b/src/components/pages/details.jsx
@@ -1,3 +1,4 @@
+import ResponsiveAppBar from "../navbar"
 import  Pokedetails  from "../pokedetails"
 
 
@@ -6,6 +7,7 @@ function Details({pokemon, dispatch}) {
 
     return (
         <>
+        <ResponsiveAppBar />
        <h1>Vista detalles</h1>
       <Pokedetails pokemon={pokemon} dispatch={dispatch}/>
       </>

diff --git a/src/components/pokelist.jsx b/src/components/pokelist.jsx
@@ -21,7 +21,7 @@ function Pokelist({ favs, data, page, pageSize, dispatch }) {
     function handleClick(e) {
         const id = e.currentTarget.value
         console.log('id', id)
-        navigateTo(`details/${id}`);
+        navigateTo(`/${id}`);
     }
     return (
         <div style={{ width: '100vw', display: 'flex', flexDirection: 'row', flexFlow: 'row wrap', justifyContent: 'center' }}>