feat: link pokemon data between layers domain and presentation

pokedex/lib/design/components/pokemon_information.dart

@@ -5,9 +5,13 @@ class PokemonInformation extends StatelessWidget {
   const PokemonInformation({
     super.key,
     required this.name,
+    required this.number,
+    required this.types,
   });
 
   final String name;
+  final String number;
+  final List<String> types;
 
   @override
   Widget build(BuildContext context) {
@@ -21,15 +25,14 @@ class PokemonInformation extends StatelessWidget {
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              const Text('# 6'),
+              Text('# $number'),
               const SizedBox(height: 10.0),
               Text(name),
             ],
           ),
-          const Row(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [Text('Anytype')],
-          )
+          Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [Text(types.join(' '))])
         ],
       ),
     );

pokedex/lib/features/pokemon_list/data/model/pokemon_list_details_response.dart

@@ -0,0 +1,16 @@
+import 'package:json/json.dart';
+
+import 'pokemon_type_slot_response.dart';
+
+@JsonCodable()
+class PokemonListDetailsResponse {
+  PokemonListDetailsResponse({
+    required this.name,
+    required this.types,
+    required this.id,
+  });
+
+  final String name;
+  final List<PokemonTypeSlotResponse> types;
+  final int id;
+}

pokedex/lib/features/pokemon_list/data/model/pokemon_type_slot_response.dart

@@ -0,0 +1,14 @@
+import 'package:json/json.dart';
+
+import '../../../../common/api/model/named_api_response.dart';
+
+@JsonCodable()
+class PokemonTypeSlotResponse {
+  PokemonTypeSlotResponse({
+    required this.slot,
+    required this.type,
+  });
+
+  final int slot;
+  final NamedApiResponse type;
+}

pokedex/lib/features/pokemon_list/data/pokemon_list_repository.dart

@@ -5,6 +5,7 @@ import '../../../common/api/model/named_api_response.dart';
 import '../domain/boundary/pokemon_list_repository.dart';
 import '../domain/model/pokemon.dart';
 import '../domain/model/pokemon_page_data.dart';
+import 'model/pokemon_list_details_response.dart';
 
 @Injectable(as: PokemonListRepository)
 class PokemonListRepositoryImpl implements PokemonListRepository {
@@ -26,10 +27,24 @@ class PokemonListRepositoryImpl implements PokemonListRepository {
     final namedApiResponse =
         results.map((json) => NamedApiResponse.fromJson(json)).toList();
 
+    final pokemonResponses = await Future.wait(
+      namedApiResponse.map((e) => dio.get(e.url)),
+    );
+
+    final pokemons = pokemonResponses
+        .map((resp) => PokemonListDetailsResponse.fromJson(resp.data))
+        .toList();
+
     return PokemonPageData(
       hasNext: hasNext,
-      pokemons: namedApiResponse
-          .map((element) => Pokemon(name: element.name, number: 0))
+      pokemons: pokemons
+          .map(
+            (element) => Pokemon(
+              name: element.name,
+              number: element.id,
+              types: element.types.map((e) => e.type.name).toList(),
+            ),
+          )
           .toList(),
     );
   }

pokedex/lib/features/pokemon_list/domain/model/pokemon.dart

@@ -2,8 +2,10 @@ class Pokemon {
   Pokemon({
     required this.name,
     required this.number,
+    required this.types,
   });
 
   final String name;
   final int number;
+  final List<String> types;
 }

pokedex/lib/features/pokemon_list/presentation/widgets/pokemon_card.dart

@@ -1,13 +1,14 @@
 import 'package:flutter/material.dart';
 import '../../../../design/components/pokemon_information.dart';
+import '../../domain/model/pokemon.dart';
 
 class PokemonCard extends StatelessWidget {
   const PokemonCard({
     super.key,
-    required this.name,
+    required this.pokemon,
   });
 
-  final String name;
+  final Pokemon pokemon;
 
   @override
   Widget build(BuildContext context) {
@@ -20,7 +21,9 @@ class PokemonCard extends StatelessWidget {
         child: Stack(
           children: [
             PokemonInformation(
-              name: name,
+              name: pokemon.name,
+              number: pokemon.number.toString(),
+              types: pokemon.types,
             ),
           ],
         ),

pokedex/lib/features/pokemon_list/presentation/widgets/pokemon_success.dart

@@ -57,7 +57,7 @@ class _PokemonSuccessState extends State<PokemonSuccess> {
             itemBuilder: (context, index) {
               final pokemon = state.result[index];
               return PokemonCard(
-                name: pokemon.name,
+                pokemon: pokemon,
               );
             },
             itemCount: state.result.length,