diff --git a/src/App.tsx b/src/App.tsx index a4575d9..806aac8 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,14 +2,14 @@ import React from 'react'; import './App.css'; import Header from 'components/Header'; import Filters from 'components/Filters'; -import { Pokemon } from 'features/Pokedex/Pokemon'; +import { Pokedex } from './features/Pokedex/Pokedex'; function App() { return (
- +
); } diff --git a/src/features/Pokedex/Pokedex.tsx b/src/features/Pokedex/Pokedex.tsx new file mode 100644 index 0000000..de04b0d --- /dev/null +++ b/src/features/Pokedex/Pokedex.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +import { Pokemon } from './Pokemon'; + +import charizard from 'assets/charizard.svg'; + +export function Pokedex() { + return ; +} diff --git a/src/features/Pokedex/Pokemon/Pokemon.tsx b/src/features/Pokedex/Pokemon/Pokemon.tsx index 3e7d19d..8c46480 100644 --- a/src/features/Pokedex/Pokemon/Pokemon.tsx +++ b/src/features/Pokedex/Pokemon/Pokemon.tsx @@ -1,12 +1,17 @@ import React from 'react'; import './Pokemon.css'; -import charizard from '../../../assets/charizard.svg'; -export function Pokemon() { +interface PokemonProps { + name: string; + number: string; + image: string; +} + +export function Pokemon({ name, number, image }: PokemonProps) { return (
-
#006
+
{number}
- test + test
-

Charizard

+

{name}

);