diff --git a/README.md b/README.md index a27735d..25e5175 100644 --- a/README.md +++ b/README.md @@ -4,3 +4,5 @@ - Carlos Vinicius - Nayara Ribeiro - Felipe Bernardes + + diff --git a/src/pages/Pokedex/Pokedex.jsx b/src/pages/Pokedex/Pokedex.jsx index 1befb60..f4bda0f 100644 --- a/src/pages/Pokedex/Pokedex.jsx +++ b/src/pages/Pokedex/Pokedex.jsx @@ -1,9 +1,21 @@ -import React from "react"; +import React, { useContext } from "react"; +import { PokeListContainer } from "./styled"; export default function Pokedex() { + const { pokedex } = useContext(GlobalStateContext); + + return ( -
-

POKEDEX

-
+ <> +
+ + {pokedex && + pokedex.map((poke) => { + return ; + })} + + ); } diff --git a/src/pages/Pokedex/styled.js b/src/pages/Pokedex/styled.js index e69de29..af5b8bd 100644 --- a/src/pages/Pokedex/styled.js +++ b/src/pages/Pokedex/styled.js @@ -0,0 +1,9 @@ +import styled from "styled-components"; + +export const PokeListContainer = styled.main` + width: 100vw; + height: 92vh; + display: flex; + flex-wrap: wrap; + justify-content: space-around; +`;