From 5b8893bd872dcd872569b0273ddbf933e1a7154a Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Fri, 23 Apr 2021 14:40:37 +0200
Subject: [PATCH 01/11] Initial setup

---
 .idea/gradle.xml                               |  1 +
 .../jetpackcomposepokedex/ui/theme/Type.kt     | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 4e3844e..526b4c2 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Type.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Type.kt
index 94e0c07..9c109a9 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Type.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Type.kt
@@ -2,17 +2,31 @@ package com.plcoding.jetpackcomposepokedex.ui.theme
 
 import androidx.compose.material.Typography
 import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.sp
+import com.plcoding.jetpackcomposepokedex.R
+
+val Roboto = FontFamily(
+    Font(R.font.roboto_light, FontWeight.Light),
+    Font(R.font.roboto_regular, FontWeight.Normal),
+    Font(R.font.roboto_medium, FontWeight.Medium),
+    Font(R.font.roboto_bold, FontWeight.Bold),
+)
+
+val RobotoCondensed = FontFamily(
+    Font(R.font.roboto_condensed_light, FontWeight.Light),
+    Font(R.font.roboto_condensed_regular, FontWeight.Normal),
+)
 
 // Set of Material typography styles to start with
 val Typography = Typography(
     body1 = TextStyle(
-        fontFamily = FontFamily.Default,
+        fontFamily = Roboto,
         fontWeight = FontWeight.Normal,
         fontSize = 16.sp
-    )
+    ),
     /* Other default text styles to override
     button = TextStyle(
         fontFamily = FontFamily.Default,

From 08432b3c6c894f22f4edb99a300b9c1ba77b54a8 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Fri, 23 Apr 2021 14:51:54 +0200
Subject: [PATCH 02/11] Added some dependencies

---
 app/build.gradle | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/build.gradle b/app/build.gradle
index e2bf07a..fdfb4d9 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -56,6 +56,12 @@ dependencies {
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
     androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version"
 
+    implementation "androidx.compose.material:material-icons-core:$compose_version"
+    implementation "androidx.compose.material:material-icons-extended:$compose_version"
+    implementation "androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0-alpha04"
+    implementation "androidx.navigation:navigation-compose:1.0.0-alpha09"
+    implementation "androidx.constraintlayout:constraintlayout-compose:1.0.0-alpha05"
+
     // Retrofit
     implementation 'com.squareup.retrofit2:retrofit:2.9.0'
     implementation 'com.squareup.retrofit2:converter-gson:2.9.0'

From 3f4c33031c4b0996ef246c86cbe0f6f55a87c180 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Fri, 23 Apr 2021 15:38:18 +0200
Subject: [PATCH 03/11] Setup navigation and dagger hilt

---
 .idea/vcs.xml                                 |  6 +++
 app/src/main/AndroidManifest.xml              |  1 +
 .../jetpackcomposepokedex/MainActivity.kt     | 37 +++++++++++++++++++
 .../PokedexApplication.kt                     | 14 +++++++
 .../jetpackcomposepokedex/di/AppModule.kt     | 10 +++++
 5 files changed, 68 insertions(+)
 create mode 100644 .idea/vcs.xml
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt

diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index db536bf..d77b07c 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -3,6 +3,7 @@
     package="com.plcoding.jetpackcomposepokedex">
 
     <application
+        android:name=".PokedexApplication"
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
index 05900db..977aabd 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
@@ -7,15 +7,52 @@ import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Surface
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.navigation.NavType
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.navArgument
+import androidx.navigation.compose.rememberNavController
 import com.plcoding.jetpackcomposepokedex.ui.theme.JetpackComposePokedexTheme
+import dagger.hilt.android.AndroidEntryPoint
 
+@AndroidEntryPoint
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContent {
             JetpackComposePokedexTheme {
+                val navController = rememberNavController()
+                NavHost(
+                    navController = navController,
+                    startDestination = "pokemon_list_screen"
+                ) {
+                    composable("pokemon_list_screen") {
 
+                    }
+                    composable(
+                        "pokemon_detail_screen/{dominantColor}/{pokemonName}",
+                        arguments = listOf(
+                            navArgument("dominantColor") {
+                                type = NavType.IntType
+                            },
+                            navArgument("pokemonName") {
+                                type = NavType.StringType
+                            }
+                        )
+                    ) {
+                        val dominantColor = remember {
+                            val color = it.arguments?.getInt("dominantColor")
+                            color?.let { Color(it) } ?: Color.White
+                        }
+                        val pokemonName = remember {
+                            it.arguments?.getString("pokemonName")
+                        }
+
+                    }
+                }
             }
         }
     }
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt
new file mode 100644
index 0000000..5cb83dd
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt
@@ -0,0 +1,14 @@
+package com.plcoding.jetpackcomposepokedex
+
+import android.app.Application
+import dagger.hilt.android.HiltAndroidApp
+import timber.log.Timber
+
+@HiltAndroidApp
+class PokedexApplication : Application() {
+
+    override fun onCreate() {
+        super.onCreate()
+        Timber.plant(Timber.DebugTree())
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
new file mode 100644
index 0000000..c4bce5b
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.di
+
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+
+@Module
+@InstallIn(SingletonComponent::class)
+object AppModule {
+}
\ No newline at end of file

From a1d674758a9c0cf37e027aacbcdf358d3f0689f2 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Sat, 24 Apr 2021 23:25:20 +0200
Subject: [PATCH 04/11] Retrofit Setup

---
 .../data/remote/PokeApi.kt                    | 21 ++++++++++++
 .../data/remote/responses/Ability.kt          | 11 +++++++
 .../data/remote/responses/AbilityX.kt         |  9 ++++++
 .../data/remote/responses/Animated.kt         | 23 +++++++++++++
 .../data/remote/responses/BlackWhite.kt       | 24 ++++++++++++++
 .../data/remote/responses/Crystal.kt          | 15 +++++++++
 .../data/remote/responses/DiamondPearl.kt     | 23 +++++++++++++
 .../data/remote/responses/DreamWorld.kt       | 11 +++++++
 .../data/remote/responses/Emerald.kt          | 11 +++++++
 .../data/remote/responses/FireredLeafgreen.kt | 15 +++++++++
 .../data/remote/responses/Form.kt             |  9 ++++++
 .../data/remote/responses/GameIndice.kt       | 10 ++++++
 .../data/remote/responses/GenerationI.kt      | 10 ++++++
 .../data/remote/responses/GenerationIi.kt     | 10 ++++++
 .../data/remote/responses/GenerationIii.kt    | 12 +++++++
 .../data/remote/responses/GenerationIv.kt     | 12 +++++++
 .../data/remote/responses/GenerationV.kt      |  9 ++++++
 .../data/remote/responses/GenerationVi.kt     | 11 +++++++
 .../data/remote/responses/GenerationVii.kt    | 10 ++++++
 .../data/remote/responses/GenerationViii.kt   |  8 +++++
 .../data/remote/responses/Gold.kt             | 15 +++++++++
 .../remote/responses/HeartgoldSoulsilver.kt   | 23 +++++++++++++
 .../data/remote/responses/Icons.kt            | 11 +++++++
 .../data/remote/responses/IconsX.kt           | 11 +++++++
 .../data/remote/responses/Move.kt             | 10 ++++++
 .../data/remote/responses/MoveLearnMethod.kt  |  9 ++++++
 .../data/remote/responses/MoveX.kt            |  9 ++++++
 .../data/remote/responses/OfficialArtwork.kt  |  9 ++++++
 .../responses/OmegarubyAlphasapphire.kt       | 15 +++++++++
 .../data/remote/responses/Other.kt            | 11 +++++++
 .../data/remote/responses/Platinum.kt         | 23 +++++++++++++
 .../data/remote/responses/Pokemon.kt          | 31 ++++++++++++++++++
 .../data/remote/responses/PokemonList.kt      | 11 +++++++
 .../data/remote/responses/RedBlue.kt          | 15 +++++++++
 .../data/remote/responses/Result.kt           |  9 ++++++
 .../data/remote/responses/RubySapphire.kt     | 15 +++++++++
 .../data/remote/responses/Silver.kt           | 15 +++++++++
 .../data/remote/responses/Species.kt          |  9 ++++++
 .../data/remote/responses/Sprites.kt          | 25 +++++++++++++++
 .../data/remote/responses/Stat.kt             | 11 +++++++
 .../data/remote/responses/StatX.kt            |  9 ++++++
 .../data/remote/responses/Type.kt             |  9 ++++++
 .../data/remote/responses/TypeX.kt            |  9 ++++++
 .../remote/responses/UltraSunUltraMoon.kt     | 15 +++++++++
 .../data/remote/responses/Version.kt          |  9 ++++++
 .../data/remote/responses/VersionGroup.kt     |  9 ++++++
 .../remote/responses/VersionGroupDetail.kt    | 13 ++++++++
 .../data/remote/responses/Versions.kt         | 23 +++++++++++++
 .../data/remote/responses/XY.kt               | 15 +++++++++
 .../data/remote/responses/Yellow.kt           | 15 +++++++++
 .../jetpackcomposepokedex/di/AppModule.kt     | 23 +++++++++++++
 .../repository/PokemonRepository.kt           | 32 +++++++++++++++++++
 .../jetpackcomposepokedex/util/Constants.kt   |  6 ++++
 .../jetpackcomposepokedex/util/Resource.kt    |  7 ++++
 54 files changed, 745 insertions(+)
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/PokeApi.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Ability.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/AbilityX.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Animated.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/BlackWhite.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Crystal.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DiamondPearl.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DreamWorld.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Emerald.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/FireredLeafgreen.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Form.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GameIndice.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationI.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIi.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIii.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIv.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationV.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVi.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVii.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationViii.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Gold.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/HeartgoldSoulsilver.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Icons.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/IconsX.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Move.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveLearnMethod.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveX.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OfficialArtwork.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OmegarubyAlphasapphire.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Other.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Platinum.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Pokemon.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/PokemonList.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RedBlue.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Result.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RubySapphire.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Silver.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Species.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Sprites.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Stat.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/StatX.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Type.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/TypeX.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/UltraSunUltraMoon.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Version.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroup.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroupDetail.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Versions.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/XY.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Yellow.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/repository/PokemonRepository.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt

diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/PokeApi.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/PokeApi.kt
new file mode 100644
index 0000000..d8ae79f
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/PokeApi.kt
@@ -0,0 +1,21 @@
+package com.plcoding.jetpackcomposepokedex.data.remote
+
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.PokemonList
+import retrofit2.http.GET
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface PokeApi {
+
+    @GET("pokemon")
+    suspend fun getPokemonList(
+        @Query("limit") limit: Int,
+        @Query("offset") offset: Int
+    ): PokemonList
+
+    @GET("pokemon/{name}")
+    suspend fun getPokemonInfo(
+        @Path("name") name: String
+    ): Pokemon
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Ability.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Ability.kt
new file mode 100644
index 0000000..fa0389c
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Ability.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Ability(
+    val ability: AbilityX,
+    @SerializedName("is_hidden")
+    val isHidden: Boolean,
+    val slot: Int
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/AbilityX.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/AbilityX.kt
new file mode 100644
index 0000000..c4216f6
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/AbilityX.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class AbilityX(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Animated.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Animated.kt
new file mode 100644
index 0000000..5559f5d
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Animated.kt
@@ -0,0 +1,23 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Animated(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/BlackWhite.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/BlackWhite.kt
new file mode 100644
index 0000000..a4a3bce
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/BlackWhite.kt
@@ -0,0 +1,24 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class BlackWhite(
+    val animated: Animated,
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Crystal.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Crystal.kt
new file mode 100644
index 0000000..6f7c560
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Crystal.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Crystal(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DiamondPearl.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DiamondPearl.kt
new file mode 100644
index 0000000..d3b5588
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DiamondPearl.kt
@@ -0,0 +1,23 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class DiamondPearl(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DreamWorld.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DreamWorld.kt
new file mode 100644
index 0000000..43ded00
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/DreamWorld.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class DreamWorld(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Emerald.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Emerald.kt
new file mode 100644
index 0000000..cbe5c04
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Emerald.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Emerald(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/FireredLeafgreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/FireredLeafgreen.kt
new file mode 100644
index 0000000..5a28ee3
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/FireredLeafgreen.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class FireredLeafgreen(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Form.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Form.kt
new file mode 100644
index 0000000..d8b1e49
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Form.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Form(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GameIndice.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GameIndice.kt
new file mode 100644
index 0000000..ce501cd
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GameIndice.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GameIndice(
+    @SerializedName("game_index")
+    val gameIndex: Int,
+    val version: Version
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationI.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationI.kt
new file mode 100644
index 0000000..4f52e77
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationI.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationI(
+    @SerializedName("red-blue")
+    val redBlue: RedBlue,
+    val yellow: Yellow
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIi.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIi.kt
new file mode 100644
index 0000000..7419261
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIi.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationIi(
+    val crystal: Crystal,
+    val gold: Gold,
+    val silver: Silver
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIii.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIii.kt
new file mode 100644
index 0000000..817ed90
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIii.kt
@@ -0,0 +1,12 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationIii(
+    val emerald: Emerald,
+    @SerializedName("firered-leafgreen")
+    val fireredLeafgreen: FireredLeafgreen,
+    @SerializedName("ruby-sapphire")
+    val rubySapphire: RubySapphire
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIv.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIv.kt
new file mode 100644
index 0000000..593a087
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationIv.kt
@@ -0,0 +1,12 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationIv(
+    @SerializedName("diamond-pearl")
+    val diamondPearl: DiamondPearl,
+    @SerializedName("heartgold-soulsilver")
+    val heartgoldSoulsilver: HeartgoldSoulsilver,
+    val platinum: Platinum
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationV.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationV.kt
new file mode 100644
index 0000000..647756c
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationV.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationV(
+    @SerializedName("black-white")
+    val blackWhite: BlackWhite
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVi.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVi.kt
new file mode 100644
index 0000000..705cd8f
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVi.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationVi(
+    @SerializedName("omegaruby-alphasapphire")
+    val omegarubyAlphasapphire: OmegarubyAlphasapphire,
+    @SerializedName("x-y")
+    val xY: XY
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVii.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVii.kt
new file mode 100644
index 0000000..bf5c6c2
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationVii.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationVii(
+    val icons: Icons,
+    @SerializedName("ultra-sun-ultra-moon")
+    val ultraSunUltraMoon: UltraSunUltraMoon
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationViii.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationViii.kt
new file mode 100644
index 0000000..bea0658
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/GenerationViii.kt
@@ -0,0 +1,8 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class GenerationViii(
+    val icons: IconsX
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Gold.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Gold.kt
new file mode 100644
index 0000000..aeed6df
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Gold.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Gold(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/HeartgoldSoulsilver.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/HeartgoldSoulsilver.kt
new file mode 100644
index 0000000..ef31616
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/HeartgoldSoulsilver.kt
@@ -0,0 +1,23 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class HeartgoldSoulsilver(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Icons.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Icons.kt
new file mode 100644
index 0000000..3f69e84
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Icons.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Icons(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/IconsX.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/IconsX.kt
new file mode 100644
index 0000000..870c19d
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/IconsX.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class IconsX(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Move.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Move.kt
new file mode 100644
index 0000000..afec0ac
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Move.kt
@@ -0,0 +1,10 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Move(
+    val move: MoveX,
+    @SerializedName("version_group_details")
+    val versionGroupDetails: List<VersionGroupDetail>
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveLearnMethod.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveLearnMethod.kt
new file mode 100644
index 0000000..dc5587b
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveLearnMethod.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class MoveLearnMethod(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveX.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveX.kt
new file mode 100644
index 0000000..339d33d
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/MoveX.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class MoveX(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OfficialArtwork.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OfficialArtwork.kt
new file mode 100644
index 0000000..64a9d19
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OfficialArtwork.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class OfficialArtwork(
+    @SerializedName("front_default")
+    val frontDefault: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OmegarubyAlphasapphire.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OmegarubyAlphasapphire.kt
new file mode 100644
index 0000000..9a035ab
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/OmegarubyAlphasapphire.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class OmegarubyAlphasapphire(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Other.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Other.kt
new file mode 100644
index 0000000..1eff88c
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Other.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Other(
+    @SerializedName("dream_world")
+    val dreamWorld: DreamWorld,
+    @SerializedName("official-artwork")
+    val officialArtwork: OfficialArtwork
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Platinum.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Platinum.kt
new file mode 100644
index 0000000..92eee66
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Platinum.kt
@@ -0,0 +1,23 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Platinum(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Pokemon.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Pokemon.kt
new file mode 100644
index 0000000..1ac2697
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Pokemon.kt
@@ -0,0 +1,31 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Pokemon(
+    val abilities: List<Ability>,
+    @SerializedName("base_experience")
+    val baseExperience: Int,
+    val forms: List<Form>,
+    @SerializedName("game_indices")
+    val gameIndices: List<GameIndice>,
+    val height: Int,
+    @SerializedName("held_items")
+    val heldItems: List<Any>,
+    val id: Int,
+    @SerializedName("is_default")
+    val isDefault: Boolean,
+    @SerializedName("location_area_encounters")
+    val locationAreaEncounters: String,
+    val moves: List<Move>,
+    val name: String,
+    val order: Int,
+    @SerializedName("past_types")
+    val pastTypes: List<Any>,
+    val species: Species,
+    val sprites: Sprites,
+    val stats: List<Stat>,
+    val types: List<Type>,
+    val weight: Int
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/PokemonList.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/PokemonList.kt
new file mode 100644
index 0000000..b28059f
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/PokemonList.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class PokemonList(
+    val count: Int,
+    val next: String,
+    val previous: Any,
+    val results: List<Result>
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RedBlue.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RedBlue.kt
new file mode 100644
index 0000000..b0a0b88
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RedBlue.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class RedBlue(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_gray")
+    val backGray: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_gray")
+    val frontGray: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Result.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Result.kt
new file mode 100644
index 0000000..87c1bba
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Result.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Result(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RubySapphire.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RubySapphire.kt
new file mode 100644
index 0000000..c269554
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/RubySapphire.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class RubySapphire(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Silver.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Silver.kt
new file mode 100644
index 0000000..bb04f7a
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Silver.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Silver(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_shiny")
+    val frontShiny: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Species.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Species.kt
new file mode 100644
index 0000000..766cafd
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Species.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Species(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Sprites.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Sprites.kt
new file mode 100644
index 0000000..28a2f74
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Sprites.kt
@@ -0,0 +1,25 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Sprites(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_female")
+    val backFemale: Any,
+    @SerializedName("back_shiny")
+    val backShiny: String,
+    @SerializedName("back_shiny_female")
+    val backShinyFemale: Any,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any,
+    val other: Other,
+    val versions: Versions
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Stat.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Stat.kt
new file mode 100644
index 0000000..8535f3c
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Stat.kt
@@ -0,0 +1,11 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Stat(
+    @SerializedName("base_stat")
+    val baseStat: Int,
+    val effort: Int,
+    val stat: StatX
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/StatX.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/StatX.kt
new file mode 100644
index 0000000..38ba404
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/StatX.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class StatX(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Type.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Type.kt
new file mode 100644
index 0000000..cadc9a2
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Type.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Type(
+    val slot: Int,
+    val type: TypeX
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/TypeX.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/TypeX.kt
new file mode 100644
index 0000000..3e46565
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/TypeX.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class TypeX(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/UltraSunUltraMoon.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/UltraSunUltraMoon.kt
new file mode 100644
index 0000000..8206e7f
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/UltraSunUltraMoon.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class UltraSunUltraMoon(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Version.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Version.kt
new file mode 100644
index 0000000..82d392b
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Version.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Version(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroup.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroup.kt
new file mode 100644
index 0000000..a6438bf
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroup.kt
@@ -0,0 +1,9 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class VersionGroup(
+    val name: String,
+    val url: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroupDetail.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroupDetail.kt
new file mode 100644
index 0000000..b64fd24
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/VersionGroupDetail.kt
@@ -0,0 +1,13 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class VersionGroupDetail(
+    @SerializedName("level_learned_at")
+    val levelLearnedAt: Int,
+    @SerializedName("move_learn_method")
+    val moveLearnMethod: MoveLearnMethod,
+    @SerializedName("version_group")
+    val versionGroup: VersionGroup
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Versions.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Versions.kt
new file mode 100644
index 0000000..13773d3
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Versions.kt
@@ -0,0 +1,23 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Versions(
+    @SerializedName("generation-i")
+    val generationI: GenerationI,
+    @SerializedName("generation-ii")
+    val generationIi: GenerationIi,
+    @SerializedName("generation-iii")
+    val generationIii: GenerationIii,
+    @SerializedName("generation-iv")
+    val generationIv: GenerationIv,
+    @SerializedName("generation-v")
+    val generationV: GenerationV,
+    @SerializedName("generation-vi")
+    val generationVi: GenerationVi,
+    @SerializedName("generation-vii")
+    val generationVii: GenerationVii,
+    @SerializedName("generation-viii")
+    val generationViii: GenerationViii
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/XY.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/XY.kt
new file mode 100644
index 0000000..276a396
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/XY.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class XY(
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_female")
+    val frontFemale: Any,
+    @SerializedName("front_shiny")
+    val frontShiny: String,
+    @SerializedName("front_shiny_female")
+    val frontShinyFemale: Any
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Yellow.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Yellow.kt
new file mode 100644
index 0000000..092acb4
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/Yellow.kt
@@ -0,0 +1,15 @@
+package com.plcoding.jetpackcomposepokedex.data.remote.responses
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Yellow(
+    @SerializedName("back_default")
+    val backDefault: String,
+    @SerializedName("back_gray")
+    val backGray: String,
+    @SerializedName("front_default")
+    val frontDefault: String,
+    @SerializedName("front_gray")
+    val frontGray: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
index c4bce5b..298312d 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
@@ -1,10 +1,33 @@
 package com.plcoding.jetpackcomposepokedex.di
 
+import com.plcoding.jetpackcomposepokedex.data.remote.PokeApi
+import com.plcoding.jetpackcomposepokedex.repository.PokemonRepository
+import com.plcoding.jetpackcomposepokedex.util.Constants.BASE_URL
 import dagger.Module
+import dagger.Provides
 import dagger.hilt.InstallIn
 import dagger.hilt.components.SingletonComponent
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import javax.inject.Singleton
 
 @Module
 @InstallIn(SingletonComponent::class)
 object AppModule {
+
+    @Singleton
+    @Provides
+    fun providePokemonRepository(
+        api: PokeApi
+    ) = PokemonRepository(api)
+
+    @Singleton
+    @Provides
+    fun providePokeApi(): PokeApi {
+        return Retrofit.Builder()
+            .addConverterFactory(GsonConverterFactory.create())
+            .baseUrl(BASE_URL)
+            .build()
+            .create(PokeApi::class.java)
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/repository/PokemonRepository.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/repository/PokemonRepository.kt
new file mode 100644
index 0000000..785d79a
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/repository/PokemonRepository.kt
@@ -0,0 +1,32 @@
+package com.plcoding.jetpackcomposepokedex.repository
+
+import com.plcoding.jetpackcomposepokedex.data.remote.PokeApi
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.PokemonList
+import com.plcoding.jetpackcomposepokedex.util.Resource
+import dagger.hilt.android.scopes.ActivityScoped
+import javax.inject.Inject
+
+@ActivityScoped
+class PokemonRepository @Inject constructor(
+   private val api: PokeApi
+) {
+
+    suspend fun getPokemonList(limit: Int, offset: Int): Resource<PokemonList> {
+        val response = try {
+            api.getPokemonList(limit, offset)
+        } catch(e: Exception) {
+            return Resource.Error("An unknown error occured.")
+        }
+        return Resource.Success(response)
+    }
+
+    suspend fun getPokemonInfo(pokemonName: String): Resource<Pokemon> {
+        val response = try {
+            api.getPokemonInfo(pokemonName)
+        } catch(e: Exception) {
+            return Resource.Error("An unknown error occured.")
+        }
+        return Resource.Success(response)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
new file mode 100644
index 0000000..e17b598
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
@@ -0,0 +1,6 @@
+package com.plcoding.jetpackcomposepokedex.util
+
+object Constants {
+
+    const val BASE_URL = "https://pokeapi.co/api/v2/"
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
new file mode 100644
index 0000000..e6397e2
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
@@ -0,0 +1,7 @@
+package com.plcoding.jetpackcomposepokedex.util
+
+sealed class Resource<T>(val data: T? = null, val message: String? = null) {
+    class Success<T>(data: T) : Resource<T>(data)
+    class Error<T>(message: String, data: T? = null) : Resource<T>(data, message)
+    class Loading<T>(data: T? = null) : Resource<T>(data)
+}

From 7113a607981d70671775cfd45ecd295370f339c4 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Wed, 28 Apr 2021 11:29:48 +0200
Subject: [PATCH 05/11] SearchBar and PokemonListScreen.kt

---
 .idea/sonarlint/issuestore/index.pb           |  5 +
 .../jetpackcomposepokedex/MainActivity.kt     |  3 +-
 .../jetpackcomposepokedex/di/AppModule.kt     |  3 +-
 .../pokemonlist/PokemonListScreen.kt          | 96 +++++++++++++++++++
 4 files changed, 104 insertions(+), 3 deletions(-)
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt

diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
index e69de29..9122674 100644
--- a/.idea/sonarlint/issuestore/index.pb
+++ b/.idea/sonarlint/issuestore/index.pb
@@ -0,0 +1,5 @@
+
+z
+Japp/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt,c\e\ce9b0702e6e95d948e6b65c3f841dbc7c73a613b
+P
+ app/src/main/AndroidManifest.xml,8\c\8c55c3ccc257e5907959013f99656e4c8ec3903e
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
index 977aabd..d7981a8 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
@@ -15,6 +15,7 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.navArgument
 import androidx.navigation.compose.rememberNavController
+import com.plcoding.jetpackcomposepokedex.pokemonlist.PokemonListScreen
 import com.plcoding.jetpackcomposepokedex.ui.theme.JetpackComposePokedexTheme
 import dagger.hilt.android.AndroidEntryPoint
 
@@ -30,7 +31,7 @@ class MainActivity : ComponentActivity() {
                     startDestination = "pokemon_list_screen"
                 ) {
                     composable("pokemon_list_screen") {
-
+                        PokemonListScreen(navController = navController)
                     }
                     composable(
                         "pokemon_detail_screen/{dominantColor}/{pokemonName}",
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
index 298312d..bbe82d0 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/di/AppModule.kt
@@ -21,8 +21,7 @@ object AppModule {
         api: PokeApi
     ) = PokemonRepository(api)
 
-    @Singleton
-    @Provides
+    @Singleton @Provides
     fun providePokeApi(): PokeApi {
         return Retrofit.Builder()
             .addConverterFactory(GsonConverterFactory.create())
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
new file mode 100644
index 0000000..2191634
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -0,0 +1,96 @@
+package com.plcoding.jetpackcomposepokedex.pokemonlist
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Alignment.Companion.CenterHorizontally
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.focus.FocusState
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import com.plcoding.jetpackcomposepokedex.R
+
+@Composable
+fun PokemonListScreen(
+    navController: NavController
+) {
+    Surface(
+        color = MaterialTheme.colors.background,
+        modifier = Modifier.fillMaxSize()
+    ) {
+        Column {
+            Spacer(modifier = Modifier.height(20.dp))
+            Image(
+                painter = painterResource(id = R.drawable.ic_international_pok_mon_logo),
+                contentDescription = "Pokemon",
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .align(CenterHorizontally)
+            )
+            SearchBar(
+                hint = "Search...",
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+            ) {
+
+            }
+        }
+    }
+}
+
+@Composable
+fun SearchBar(
+    modifier: Modifier = Modifier,
+    hint: String = "",
+    onSearch: (String) -> Unit = {}
+) {
+    var text by remember {
+        mutableStateOf("")
+    }
+    var isHintDisplayed by remember {
+        mutableStateOf(hint != "")
+    }
+
+    Box(modifier = modifier) {
+        BasicTextField(
+            value = text,
+            onValueChange = {
+                text = it
+                onSearch(it)
+            },
+            maxLines = 1,
+            singleLine = true,
+            textStyle = TextStyle(color = Color.Black),
+            modifier = Modifier
+                .fillMaxWidth()
+                .shadow(5.dp, CircleShape)
+                .background(Color.White, CircleShape)
+                .padding(horizontal = 20.dp, vertical = 12.dp)
+                .onFocusChanged {
+                    isHintDisplayed = it != FocusState.Active
+                }
+        )
+        if(isHintDisplayed) {
+            Text(
+                text = hint,
+                color = Color.LightGray,
+                modifier = Modifier
+                    .padding(horizontal = 20.dp, vertical = 12.dp)
+            )
+        }
+    }
+}
\ No newline at end of file

From 345535e6decf83bdb1ca1d1417c3b557ef32575e Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Thu, 29 Apr 2021 15:57:32 +0200
Subject: [PATCH 06/11] Added PokedexEntry, PokedexRow and
 PokemonListViewModel.kt

---
 .idea/sonarlint/issuestore/index.pb           |   4 +-
 .../data/models/PokedexListEntry.kt           |   7 ++
 .../pokemonlist/PokemonListScreen.kt          | 109 ++++++++++++++++++
 .../pokemonlist/PokemonListViewModel.kt       |  28 +++++
 4 files changed, 147 insertions(+), 1 deletion(-)
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt

diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
index 9122674..f6c9809 100644
--- a/.idea/sonarlint/issuestore/index.pb
+++ b/.idea/sonarlint/issuestore/index.pb
@@ -2,4 +2,6 @@
 z
 Japp/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt,c\e\ce9b0702e6e95d948e6b65c3f841dbc7c73a613b
 P
- app/src/main/AndroidManifest.xml,8\c\8c55c3ccc257e5907959013f99656e4c8ec3903e
\ No newline at end of file
+ app/src/main/AndroidManifest.xml,8\c\8c55c3ccc257e5907959013f99656e4c8ec3903e
+v
+Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt,e\d\ed0c7e0a8fd79734ca8a154737485f58dad284c3
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt
new file mode 100644
index 0000000..7c498aa
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt
@@ -0,0 +1,7 @@
+package com.plcoding.jetpackcomposepokedex.data.models
+
+data class PokedexListEntry(
+    val pokemonName: String,
+    val imageUrl: String,
+    val number: Int
+)
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
index 2191634..4b83723 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -2,26 +2,43 @@ package com.plcoding.jetpackcomposepokedex.pokemonlist
 
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material.CircularProgressIndicator
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Surface
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
+import androidx.compose.ui.Alignment.Companion.Center
 import androidx.compose.ui.Alignment.Companion.CenterHorizontally
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.scale
 import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.focus.FocusState
 import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.hilt.navigation.compose.hiltNavGraphViewModel
 import androidx.navigation.NavController
+import androidx.navigation.compose.navigate
+import coil.request.ImageRequest
+import com.google.accompanist.coil.CoilImage
 import com.plcoding.jetpackcomposepokedex.R
+import com.plcoding.jetpackcomposepokedex.data.models.PokedexListEntry
+import com.plcoding.jetpackcomposepokedex.ui.theme.RobotoCondensed
 
 @Composable
 fun PokemonListScreen(
@@ -93,4 +110,96 @@ fun SearchBar(
             )
         }
     }
+}
+
+@Composable
+fun PokedexEntry(
+    entry: PokedexListEntry,
+    navController: NavController,
+    modifier: Modifier = Modifier,
+    viewModel: PokemonListViewModel = hiltNavGraphViewModel()
+) {
+    val defaultDominantColor = MaterialTheme.colors.surface
+    var dominantColor by remember {
+        mutableStateOf(defaultDominantColor)
+    }
+
+    Box(
+        contentAlignment = Center,
+        modifier = modifier
+            .shadow(5.dp, RoundedCornerShape(10.dp))
+            .clip(RoundedCornerShape(10.dp))
+            .aspectRatio(1f)
+            .background(
+                Brush.verticalGradient(
+                    listOf(
+                        dominantColor,
+                        defaultDominantColor
+                    )
+                )
+            )
+            .clickable {
+                navController.navigate(
+                    "pokemon_detail_screen/${dominantColor.toArgb()}/${entry.pokemonName}"
+                )
+            }
+    ) {
+        Column {
+            CoilImage(
+                request = ImageRequest.Builder(LocalContext.current)
+                    .data(entry.imageUrl)
+                    .target {
+                        viewModel.calcDominantColor(it) { color ->
+                            dominantColor = color
+                        }
+                    }
+                    .build(),
+                contentDescription = entry.pokemonName,
+                fadeIn = true,
+                modifier = Modifier
+                    .size(120.dp)
+                    .align(CenterHorizontally)
+            ) {
+                CircularProgressIndicator(
+                    color = MaterialTheme.colors.primary,
+                    modifier = Modifier.scale(0.5f)
+                )
+            }
+            Text(
+                text = entry.pokemonName,
+                fontFamily = RobotoCondensed,
+                fontSize = 20.sp,
+                textAlign = TextAlign.Center,
+                modifier = Modifier.fillMaxWidth()
+            )
+        }
+    }
+}
+
+@Composable
+fun PokedexRow(
+    rowIndex: Int,
+    entries: List<PokedexListEntry>,
+    navController: NavController
+) {
+    Column {
+        Row {
+            PokedexEntry(
+                entry = entries[rowIndex * 2],
+                navController = navController,
+                modifier = Modifier.weight(1f)
+            )
+            Spacer(modifier = Modifier.width(16.dp))
+            if(entries.size >= rowIndex * 2 + 2) {
+                PokedexEntry(
+                    entry = entries[rowIndex * 2 + 1],
+                    navController = navController,
+                    modifier = Modifier.weight(1f)
+                )
+            } else {
+                Spacer(modifier = Modifier.weight(1f))
+            }
+        }
+        Spacer(modifier = Modifier.height(16.dp))
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
new file mode 100644
index 0000000..b8fffeb
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
@@ -0,0 +1,28 @@
+package com.plcoding.jetpackcomposepokedex.pokemonlist
+
+import android.graphics.Bitmap
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
+import androidx.compose.ui.graphics.Color
+import androidx.lifecycle.ViewModel
+import androidx.palette.graphics.Palette
+import com.plcoding.jetpackcomposepokedex.repository.PokemonRepository
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class PokemonListViewModel @Inject constructor(
+    private val repository: PokemonRepository
+) : ViewModel() {
+
+
+    fun calcDominantColor(drawable: Drawable, onFinish: (Color) -> Unit) {
+        val bmp = (drawable as BitmapDrawable).bitmap.copy(Bitmap.Config.ARGB_8888, true)
+
+        Palette.from(bmp).generate { palette ->
+            palette?.dominantSwatch?.rgb?.let { colorValue ->
+                onFinish(Color(colorValue))
+            }
+        }
+    }
+}
\ No newline at end of file

From 2df86a8d4a085187441aae914f5cfc21ddef68b0 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Sun, 2 May 2021 17:40:42 +0200
Subject: [PATCH 07/11] Loading the pokemon list

---
 .idea/sonarlint/issuestore/index.pb           | 14 +++-
 app/src/main/AndroidManifest.xml              |  2 +
 .../pokemonlist/PokemonListScreen.kt          | 65 +++++++++++++++++--
 .../pokemonlist/PokemonListViewModel.kt       | 47 ++++++++++++++
 .../jetpackcomposepokedex/util/Constants.kt   |  2 +
 .../jetpackcomposepokedex/util/Resource.kt    |  1 -
 6 files changed, 123 insertions(+), 8 deletions(-)

diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
index f6c9809..c3855c6 100644
--- a/.idea/sonarlint/issuestore/index.pb
+++ b/.idea/sonarlint/issuestore/index.pb
@@ -1,7 +1,15 @@
 
 z
 Japp/src/main/java/com/plcoding/jetpackcomposepokedex/PokedexApplication.kt,c\e\ce9b0702e6e95d948e6b65c3f841dbc7c73a613b
-P
- app/src/main/AndroidManifest.xml,8\c\8c55c3ccc257e5907959013f99656e4c8ec3903e
 v
-Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt,e\d\ed0c7e0a8fd79734ca8a154737485f58dad284c3
\ No newline at end of file
+Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Color.kt,c\0\c0065973be7cc518f090d953e66b47ae3f87ee14
+u
+Eapp/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Type.kt,b\e\bea679f8c6a16422d6d88923a835f05de8504163
+v
+Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Theme.kt,5\5\5522603c809ef8f581c1c619a7468a39c6eed139
+„

+Tapp/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt,5\6\562ac91f1937d861d721684bd9138b9be997bf75
+t
+Dapp/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt,6\7\676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
+@
+app/build.gradle,f\4\f4a01d6a4fcb971362ec00a83903fd3902f52164
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index d77b07c..352f1d5 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.plcoding.jetpackcomposepokedex">
 
+    <uses-permission android:name="android.permission.INTERNET" />
+
     <application
         android:name=".PokedexApplication"
         android:allowBackup="true"
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
index 4b83723..704b392 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -4,13 +4,11 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
-import androidx.compose.material.CircularProgressIndicator
-import androidx.compose.material.MaterialTheme
-import androidx.compose.material.Surface
-import androidx.compose.material.Text
+import androidx.compose.material.*
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
@@ -65,6 +63,8 @@ fun PokemonListScreen(
             ) {
 
             }
+            Spacer(modifier = Modifier.height(16.dp))
+            PokemonList(navController = navController)
         }
     }
 }
@@ -112,6 +112,46 @@ fun SearchBar(
     }
 }
 
+@Composable
+fun PokemonList(
+    navController: NavController,
+    viewModel: PokemonListViewModel = hiltNavGraphViewModel()
+) {
+    val pokemonList by remember { viewModel.pokemonList }
+    val endReached by remember { viewModel.endReached }
+    val loadError by remember { viewModel.loadError }
+    val isLoading by remember { viewModel.isLoading }
+
+    LazyColumn(contentPadding = PaddingValues(16.dp)) {
+        val itemCount = if(pokemonList.size % 2 == 0) {
+            pokemonList.size / 2
+        } else {
+            pokemonList.size / 2 + 1
+        }
+        items(itemCount) {
+            if(it >= itemCount - 1 && !endReached) {
+                viewModel.loadPokemonPaginated()
+            }
+            PokedexRow(rowIndex = it, entries = pokemonList, navController = navController)
+        }
+    }
+
+    Box(
+        contentAlignment = Center,
+        modifier = Modifier.fillMaxSize()
+    ) {
+        if(isLoading) {
+            CircularProgressIndicator(color = MaterialTheme.colors.primary)
+        }
+        if(loadError.isNotEmpty()) {
+            RetrySection(error = loadError) {
+                viewModel.loadPokemonPaginated()
+            }
+        }
+    }
+
+}
+
 @Composable
 fun PokedexEntry(
     entry: PokedexListEntry,
@@ -202,4 +242,21 @@ fun PokedexRow(
         }
         Spacer(modifier = Modifier.height(16.dp))
     }
+}
+
+@Composable
+fun RetrySection(
+    error: String,
+    onRetry: () -> Unit
+) {
+    Column {
+        Text(error, color = Color.Red, fontSize = 18.sp)
+        Spacer(modifier = Modifier.height(8.dp))
+        Button(
+            onClick = { onRetry() },
+            modifier = Modifier.align(CenterHorizontally)
+        ) {
+            Text(text = "Retry")
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
index b8fffeb..5f30a3a 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
@@ -3,11 +3,18 @@ package com.plcoding.jetpackcomposepokedex.pokemonlist
 import android.graphics.Bitmap
 import android.graphics.drawable.BitmapDrawable
 import android.graphics.drawable.Drawable
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.ui.graphics.Color
 import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
 import androidx.palette.graphics.Palette
+import com.plcoding.jetpackcomposepokedex.data.models.PokedexListEntry
 import com.plcoding.jetpackcomposepokedex.repository.PokemonRepository
+import com.plcoding.jetpackcomposepokedex.util.Constants.PAGE_SIZE
+import com.plcoding.jetpackcomposepokedex.util.Resource
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.launch
+import java.util.*
 import javax.inject.Inject
 
 @HiltViewModel
@@ -15,6 +22,46 @@ class PokemonListViewModel @Inject constructor(
     private val repository: PokemonRepository
 ) : ViewModel() {
 
+    private var curPage = 0
+
+    var pokemonList = mutableStateOf<List<PokedexListEntry>>(listOf())
+    var loadError = mutableStateOf("")
+    var isLoading = mutableStateOf(false)
+    var endReached = mutableStateOf(false)
+
+    init {
+        loadPokemonPaginated()
+    }
+
+    fun loadPokemonPaginated() {
+        viewModelScope.launch {
+            isLoading.value = true
+            val result = repository.getPokemonList(PAGE_SIZE, curPage * PAGE_SIZE)
+            when(result) {
+                is Resource.Success -> {
+                    endReached.value = curPage * PAGE_SIZE >= result.data!!.count
+                    val pokedexEntries = result.data.results.mapIndexed { index, entry ->
+                        val number = if(entry.url.endsWith("/")) {
+                            entry.url.dropLast(1).takeLastWhile { it.isDigit() }
+                        } else {
+                            entry.url.takeLastWhile { it.isDigit() }
+                        }
+                        val url = "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/${number}.png"
+                        PokedexListEntry(entry.name.capitalize(Locale.ROOT), url, number.toInt())
+                    }
+                    curPage++
+
+                    loadError.value = ""
+                    isLoading.value = false
+                    pokemonList.value += pokedexEntries
+                }
+                is Resource.Error -> {
+                    loadError.value = result.message!!
+                    isLoading.value = false
+                }
+            }
+        }
+    }
 
     fun calcDominantColor(drawable: Drawable, onFinish: (Color) -> Unit) {
         val bmp = (drawable as BitmapDrawable).bitmap.copy(Bitmap.Config.ARGB_8888, true)
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
index e17b598..2e6ed22 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt
@@ -3,4 +3,6 @@ package com.plcoding.jetpackcomposepokedex.util
 object Constants {
 
     const val BASE_URL = "https://pokeapi.co/api/v2/"
+
+    const val PAGE_SIZE = 20
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
index e6397e2..65dc6e4 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
@@ -3,5 +3,4 @@ package com.plcoding.jetpackcomposepokedex.util
 sealed class Resource<T>(val data: T? = null, val message: String? = null) {
     class Success<T>(data: T) : Resource<T>(data)
     class Error<T>(message: String, data: T? = null) : Resource<T>(data, message)
-    class Loading<T>(data: T? = null) : Resource<T>(data)
 }

From fa71ee6e48f72186b2749affff8dc343c9682de5 Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Thu, 6 May 2021 16:18:39 +0200
Subject: [PATCH 08/11] Searching pokemon

---
 .idea/deploymentTargetDropDown.xml            | 17 ++++++++++
 .../5522603c809ef8f581c1c619a7468a39c6eed139  |  0
 .../562ac91f1937d861d721684bd9138b9be997bf75  |  0
 .../676dfdb83bd6080fc45efeafc6fdbb1b0830c67a  |  3 ++
 .../bea679f8c6a16422d6d88923a835f05de8504163  |  0
 .../c0065973be7cc518f090d953e66b47ae3f87ee14  |  0
 .../ce9b0702e6e95d948e6b65c3f841dbc7c73a613b  |  0
 .../f4a01d6a4fcb971362ec00a83903fd3902f52164  |  0
 .../pokemonlist/PokemonListScreen.kt          | 10 +++---
 .../pokemonlist/PokemonListViewModel.kt       | 31 +++++++++++++++++++
 10 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 .idea/deploymentTargetDropDown.xml
 create mode 100644 .idea/sonarlint/issuestore/5/5/5522603c809ef8f581c1c619a7468a39c6eed139
 create mode 100644 .idea/sonarlint/issuestore/5/6/562ac91f1937d861d721684bd9138b9be997bf75
 create mode 100644 .idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
 create mode 100644 .idea/sonarlint/issuestore/b/e/bea679f8c6a16422d6d88923a835f05de8504163
 create mode 100644 .idea/sonarlint/issuestore/c/0/c0065973be7cc518f090d953e66b47ae3f87ee14
 create mode 100644 .idea/sonarlint/issuestore/c/e/ce9b0702e6e95d948e6b65c3f841dbc7c73a613b
 create mode 100644 .idea/sonarlint/issuestore/f/4/f4a01d6a4fcb971362ec00a83903fd3902f52164

diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
new file mode 100644
index 0000000..2db7517
--- /dev/null
+++ b/.idea/deploymentTargetDropDown.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <targetSelectedWithDropDown>
+      <Target>
+        <type value="QUICK_BOOT_TARGET" />
+        <deviceKey>
+          <Key>
+            <type value="VIRTUAL_DEVICE_PATH" />
+            <value value="C:\Users\phili\.android\avd\Pixel_4_API_29_1.avd" />
+          </Key>
+        </deviceKey>
+      </Target>
+    </targetSelectedWithDropDown>
+    <timeTargetWasSelectedWithDropDown value="2021-05-06T12:55:52.956783400Z" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/sonarlint/issuestore/5/5/5522603c809ef8f581c1c619a7468a39c6eed139 b/.idea/sonarlint/issuestore/5/5/5522603c809ef8f581c1c619a7468a39c6eed139
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/sonarlint/issuestore/5/6/562ac91f1937d861d721684bd9138b9be997bf75 b/.idea/sonarlint/issuestore/5/6/562ac91f1937d861d721684bd9138b9be997bf75
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a b/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
new file mode 100644
index 0000000..f9ad5bb
--- /dev/null
+++ b/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
@@ -0,0 +1,3 @@
+
+Hkotlin:S14813"0Remove this unused "pokemonName" local variable.(æýûû
+Jkotlin:S1481/"2Remove this unused "dominantColor" local variable.(•ú³×

\ No newline at end of file
diff --git a/.idea/sonarlint/issuestore/b/e/bea679f8c6a16422d6d88923a835f05de8504163 b/.idea/sonarlint/issuestore/b/e/bea679f8c6a16422d6d88923a835f05de8504163
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/sonarlint/issuestore/c/0/c0065973be7cc518f090d953e66b47ae3f87ee14 b/.idea/sonarlint/issuestore/c/0/c0065973be7cc518f090d953e66b47ae3f87ee14
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/sonarlint/issuestore/c/e/ce9b0702e6e95d948e6b65c3f841dbc7c73a613b b/.idea/sonarlint/issuestore/c/e/ce9b0702e6e95d948e6b65c3f841dbc7c73a613b
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/sonarlint/issuestore/f/4/f4a01d6a4fcb971362ec00a83903fd3902f52164 b/.idea/sonarlint/issuestore/f/4/f4a01d6a4fcb971362ec00a83903fd3902f52164
new file mode 100644
index 0000000..e69de29
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
index 704b392..b9c0945 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -40,7 +40,8 @@ import com.plcoding.jetpackcomposepokedex.ui.theme.RobotoCondensed
 
 @Composable
 fun PokemonListScreen(
-    navController: NavController
+    navController: NavController,
+    viewModel: PokemonListViewModel = hiltNavGraphViewModel()
 ) {
     Surface(
         color = MaterialTheme.colors.background,
@@ -61,7 +62,7 @@ fun PokemonListScreen(
                     .fillMaxWidth()
                     .padding(16.dp)
             ) {
-
+                viewModel.searchPokemonList(it)
             }
             Spacer(modifier = Modifier.height(16.dp))
             PokemonList(navController = navController)
@@ -98,7 +99,7 @@ fun SearchBar(
                 .background(Color.White, CircleShape)
                 .padding(horizontal = 20.dp, vertical = 12.dp)
                 .onFocusChanged {
-                    isHintDisplayed = it != FocusState.Active
+                    isHintDisplayed = it != FocusState.Active && text.isNotEmpty()
                 }
         )
         if(isHintDisplayed) {
@@ -121,6 +122,7 @@ fun PokemonList(
     val endReached by remember { viewModel.endReached }
     val loadError by remember { viewModel.loadError }
     val isLoading by remember { viewModel.isLoading }
+    val isSearching by remember { viewModel.isSearching }
 
     LazyColumn(contentPadding = PaddingValues(16.dp)) {
         val itemCount = if(pokemonList.size % 2 == 0) {
@@ -129,7 +131,7 @@ fun PokemonList(
             pokemonList.size / 2 + 1
         }
         items(itemCount) {
-            if(it >= itemCount - 1 && !endReached) {
+            if(it >= itemCount - 1 && !endReached && !isLoading && !isSearching) {
                 viewModel.loadPokemonPaginated()
             }
             PokedexRow(rowIndex = it, entries = pokemonList, navController = navController)
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
index 5f30a3a..8d6361f 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt
@@ -13,6 +13,7 @@ import com.plcoding.jetpackcomposepokedex.repository.PokemonRepository
 import com.plcoding.jetpackcomposepokedex.util.Constants.PAGE_SIZE
 import com.plcoding.jetpackcomposepokedex.util.Resource
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import java.util.*
 import javax.inject.Inject
@@ -29,10 +30,40 @@ class PokemonListViewModel @Inject constructor(
     var isLoading = mutableStateOf(false)
     var endReached = mutableStateOf(false)
 
+    private var cachedPokemonList = listOf<PokedexListEntry>()
+    private var isSearchStarting = true
+    var isSearching = mutableStateOf(false)
+
     init {
         loadPokemonPaginated()
     }
 
+    fun searchPokemonList(query: String) {
+        val listToSearch = if(isSearchStarting) {
+            pokemonList.value
+        } else {
+            cachedPokemonList
+        }
+        viewModelScope.launch(Dispatchers.Default) {
+            if(query.isEmpty()) {
+                pokemonList.value = cachedPokemonList
+                isSearching.value = false
+                isSearchStarting = true
+                return@launch
+            }
+            val results = listToSearch.filter {
+                it.pokemonName.contains(query.trim(), ignoreCase = true) ||
+                        it.number.toString() == query.trim()
+            }
+            if(isSearchStarting) {
+                cachedPokemonList = pokemonList.value
+                isSearchStarting = false
+            }
+            pokemonList.value = results
+            isSearching.value = true
+        }
+    }
+
     fun loadPokemonPaginated() {
         viewModelScope.launch {
             isLoading.value = true

From fffbcb866a6ce9b8ca5edd15eed555c1060444fb Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Mon, 10 May 2021 23:24:20 +0200
Subject: [PATCH 09/11] Implemented PokemonDetailScreen.kt

---
 .../676dfdb83bd6080fc45efeafc6fdbb1b0830c67a  |   3 -
 .idea/sonarlint/issuestore/index.pb           |   2 -
 .../jetpackcomposepokedex/MainActivity.kt     |   8 +-
 .../pokemondetail/PokemonDetailScreen.kt      | 153 ++++++++++++++++++
 .../pokemondetail/PokemonDetailViewModel.kt   |  18 +++
 .../pokemonlist/PokemonListScreen.kt          |   2 +-
 .../jetpackcomposepokedex/util/Resource.kt    |   1 +
 7 files changed, 180 insertions(+), 7 deletions(-)
 delete mode 100644 .idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailViewModel.kt

diff --git a/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a b/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
deleted file mode 100644
index f9ad5bb..0000000
--- a/.idea/sonarlint/issuestore/6/7/676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
+++ /dev/null
@@ -1,3 +0,0 @@
-
-Hkotlin:S14813"0Remove this unused "pokemonName" local variable.(æýûû
-Jkotlin:S1481/"2Remove this unused "dominantColor" local variable.(•ú³×

\ No newline at end of file
diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
index c3855c6..fb9577c 100644
--- a/.idea/sonarlint/issuestore/index.pb
+++ b/.idea/sonarlint/issuestore/index.pb
@@ -9,7 +9,5 @@ v
 Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Theme.kt,5\5\5522603c809ef8f581c1c619a7468a39c6eed139
 „

 Tapp/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt,5\6\562ac91f1937d861d721684bd9138b9be997bf75
-t
-Dapp/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt,6\7\676dfdb83bd6080fc45efeafc6fdbb1b0830c67a
 @
 app/build.gradle,f\4\f4a01d6a4fcb971362ec00a83903fd3902f52164
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
index d7981a8..22e7afb 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/MainActivity.kt
@@ -15,9 +15,11 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.navArgument
 import androidx.navigation.compose.rememberNavController
+import com.plcoding.jetpackcomposepokedex.pokemondetail.PokemonDetailScreen
 import com.plcoding.jetpackcomposepokedex.pokemonlist.PokemonListScreen
 import com.plcoding.jetpackcomposepokedex.ui.theme.JetpackComposePokedexTheme
 import dagger.hilt.android.AndroidEntryPoint
+import java.util.*
 
 @AndroidEntryPoint
 class MainActivity : ComponentActivity() {
@@ -51,7 +53,11 @@ class MainActivity : ComponentActivity() {
                         val pokemonName = remember {
                             it.arguments?.getString("pokemonName")
                         }
-
+                        PokemonDetailScreen(
+                            dominantColor = dominantColor,
+                            pokemonName = pokemonName?.toLowerCase(Locale.ROOT) ?: "",
+                            navController = navController
+                        )
                     }
                 }
             }
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
new file mode 100644
index 0000000..2a1543c
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
@@ -0,0 +1,153 @@
+package com.plcoding.jetpackcomposepokedex.pokemondetail
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.CircularProgressIndicator
+import androidx.compose.material.Icon
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.produceState
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.focus.focusModifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltNavGraphViewModel
+import androidx.navigation.NavController
+import com.google.accompanist.coil.CoilImage
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
+import com.plcoding.jetpackcomposepokedex.util.Resource
+
+@Composable
+fun PokemonDetailScreen(
+    dominantColor: Color,
+    pokemonName: String,
+    navController: NavController,
+    topPadding: Dp = 20.dp,
+    pokemonImageSize: Dp = 200.dp,
+    viewModel: PokemonDetailViewModel = hiltNavGraphViewModel()
+) {
+    val pokemonInfo = produceState<Resource<Pokemon>>(initialValue = Resource.Loading()) {
+        value = viewModel.getPokemonInfo(pokemonName)
+    }.value
+    Box(modifier = Modifier
+        .fillMaxSize()
+        .background(dominantColor)
+        .padding(bottom = 16.dp)
+    ) {
+        PokemonDetailTopSection(
+            navController = navController,
+            modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight(0.2f)
+                .align(Alignment.TopCenter)
+        )
+        PokemonDetailStateWrapper(
+            pokemonInfo = pokemonInfo,
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(
+                    top = topPadding + pokemonImageSize / 2f,
+                    start = 16.dp,
+                    end = 16.dp,
+                    bottom = 16.dp
+                )
+                .shadow(10.dp, RoundedCornerShape(10.dp))
+                .clip(RoundedCornerShape(10.dp))
+                .background(MaterialTheme.colors.surface)
+                .padding(16.dp)
+                .align(Alignment.BottomCenter),
+            loadingModifier = Modifier
+                .size(100.dp)
+                .align(Alignment.Center)
+                .padding(
+                    top = topPadding + pokemonImageSize / 2f,
+                    start = 16.dp,
+                    end = 16.dp,
+                    bottom = 16.dp
+                )
+        )
+        Box(contentAlignment = Alignment.TopCenter,
+            modifier = Modifier
+            .fillMaxSize()) {
+            if(pokemonInfo is Resource.Success) {
+                pokemonInfo.data?.sprites?.let {
+                    CoilImage(
+                        data = it.frontDefault,
+                        contentDescription = pokemonInfo.data.name,
+                        fadeIn = true,
+                        modifier = Modifier
+                            .size(pokemonImageSize)
+                            .offset(y = topPadding)
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun PokemonDetailTopSection(
+    navController: NavController,
+    modifier: Modifier = Modifier
+) {
+    Box(
+        contentAlignment = Alignment.TopStart,
+        modifier = modifier
+            .background(
+                Brush.verticalGradient(
+                    listOf(
+                        Color.Black,
+                        Color.Transparent
+                    )
+                )
+            )
+    ) {
+        Icon(
+            imageVector = Icons.Default.ArrowBack,
+            contentDescription = null,
+            tint = Color.White,
+            modifier = Modifier
+                .size(36.dp)
+                .offset(16.dp, 16.dp)
+                .clickable {
+                    navController.popBackStack()
+                }
+        )
+    }
+}
+
+@Composable
+fun PokemonDetailStateWrapper(
+    pokemonInfo: Resource<Pokemon>,
+    modifier: Modifier = Modifier,
+    loadingModifier: Modifier = Modifier
+) {
+    when(pokemonInfo) {
+        is Resource.Success -> {
+
+        }
+        is Resource.Error -> {
+            Text(
+                text = pokemonInfo.message!!,
+                color = Color.Red,
+                modifier = modifier
+            )
+        }
+        is Resource.Loading -> {
+            CircularProgressIndicator(
+                color = MaterialTheme.colors.primary,
+                modifier = loadingModifier
+            )
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailViewModel.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailViewModel.kt
new file mode 100644
index 0000000..7af4123
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailViewModel.kt
@@ -0,0 +1,18 @@
+package com.plcoding.jetpackcomposepokedex.pokemondetail
+
+import androidx.lifecycle.ViewModel
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
+import com.plcoding.jetpackcomposepokedex.repository.PokemonRepository
+import com.plcoding.jetpackcomposepokedex.util.Resource
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class PokemonDetailViewModel @Inject constructor(
+    private val repository: PokemonRepository
+) : ViewModel() {
+
+    suspend fun getPokemonInfo(pokemonName: String): Resource<Pokemon> {
+        return repository.getPokemonInfo(pokemonName)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
index b9c0945..6a9613f 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -99,7 +99,7 @@ fun SearchBar(
                 .background(Color.White, CircleShape)
                 .padding(horizontal = 20.dp, vertical = 12.dp)
                 .onFocusChanged {
-                    isHintDisplayed = it != FocusState.Active && text.isNotEmpty()
+                    isHintDisplayed = it != FocusState.Active && text.isEmpty()
                 }
         )
         if(isHintDisplayed) {
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
index 65dc6e4..eac388b 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/Resource.kt
@@ -3,4 +3,5 @@ package com.plcoding.jetpackcomposepokedex.util
 sealed class Resource<T>(val data: T? = null, val message: String? = null) {
     class Success<T>(data: T) : Resource<T>(data)
     class Error<T>(message: String, data: T? = null) : Resource<T>(data, message)
+    class Loading<T> : Resource<T>()
 }

From a83c8c205b2526c700eb2fcb3d8861cd94825c4c Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Wed, 12 May 2021 19:45:31 +0200
Subject: [PATCH 10/11] PokemonDetailScreen.kt part 2

---
 .idea/sonarlint/issuestore/index.pb           |  12 +-
 .../pokemondetail/PokemonDetailScreen.kt      | 131 +++++++++++++++++-
 .../util/PokemonParse.kt                      |  55 ++++++++
 3 files changed, 196 insertions(+), 2 deletions(-)
 create mode 100644 app/src/main/java/com/plcoding/jetpackcomposepokedex/util/PokemonParse.kt

diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb
index fb9577c..bbf596f 100644
--- a/.idea/sonarlint/issuestore/index.pb
+++ b/.idea/sonarlint/issuestore/index.pb
@@ -10,4 +10,14 @@ Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/ui/theme/Theme.kt,5\5\552
 „

 Tapp/src/main/java/com/plcoding/jetpackcomposepokedex/data/models/PokedexListEntry.kt,5\6\562ac91f1937d861d721684bd9138b9be997bf75
 @
-app/build.gradle,f\4\f4a01d6a4fcb971362ec00a83903fd3902f52164
\ No newline at end of file
+app/build.gradle,f\4\f4a01d6a4fcb971362ec00a83903fd3902f52164
+P
+ app/src/main/AndroidManifest.xml,8\c\8c55c3ccc257e5907959013f99656e4c8ec3903e
+v
+Fapp/src/main/java/com/plcoding/jetpackcomposepokedex/util/Constants.kt,e\d\ed0c7e0a8fd79734ca8a154737485f58dad284c3
+„

+Tapp/src/main/java/com/plcoding/jetpackcomposepokedex/repository/PokemonRepository.kt,3\0\30a243a2a07bda845c7d4edfcbe240aa0d6e098f
+ˆ

+Xapp/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListViewModel.kt,1\7\17e8e39b70bbd9f764ca93098fecb617614d1dcf
+ƒ

+Sapp/src/main/java/com/plcoding/jetpackcomposepokedex/data/remote/responses/TypeX.kt,f\b\fb0a5a3e2ed68c91da33fbef5f681a6aa3b44b66
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
index 2a1543c..65d497e 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
@@ -2,8 +2,12 @@ package com.plcoding.jetpackcomposepokedex.pokemondetail
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
+import com.plcoding.jetpackcomposepokedex.R
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.CircularProgressIndicator
 import androidx.compose.material.Icon
 import androidx.compose.material.MaterialTheme
@@ -12,6 +16,7 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.produceState
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -19,13 +24,22 @@ import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.focus.focusModifier
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltNavGraphViewModel
 import androidx.navigation.NavController
 import com.google.accompanist.coil.CoilImage
 import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Type
 import com.plcoding.jetpackcomposepokedex.util.Resource
+import com.plcoding.jetpackcomposepokedex.util.parseTypeToColor
+import java.util.*
+import kotlin.math.round
 
 @Composable
 fun PokemonDetailScreen(
@@ -134,7 +148,11 @@ fun PokemonDetailStateWrapper(
 ) {
     when(pokemonInfo) {
         is Resource.Success -> {
-
+            PokemonDetailSection(
+                pokemonInfo = pokemonInfo.data!!,
+                modifier = modifier
+                    .offset(y = (-20).dp)
+            )
         }
         is Resource.Error -> {
             Text(
@@ -150,4 +168,115 @@ fun PokemonDetailStateWrapper(
             )
         }
     }
+}
+
+@Composable
+fun PokemonDetailSection(
+    pokemonInfo: Pokemon,
+    modifier: Modifier = Modifier
+) {
+    val scrollState = rememberScrollState()
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = modifier
+            .fillMaxSize()
+            .offset(y = 100.dp)
+            .verticalScroll(scrollState)
+    ) {
+        Text(
+            text = "#${pokemonInfo.id} ${pokemonInfo.name.capitalize(Locale.ROOT)}",
+            fontWeight = FontWeight.Bold,
+            fontSize = 30.sp,
+            textAlign = TextAlign.Center,
+            color = MaterialTheme.colors.onSurface
+        )
+        PokemonTypeSection(types = pokemonInfo.types)
+        PokemonDetailDataSection(
+            pokemonWeight = pokemonInfo.weight,
+            pokemonHeight = pokemonInfo.height
+        )
+
+    }
+}
+
+@Composable
+fun PokemonTypeSection(types: List<Type>) {
+    Row(
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = Modifier
+            .padding(16.dp)
+    ) {
+        for(type in types) {
+            Box(
+                contentAlignment = Alignment.Center,
+                modifier = Modifier
+                    .weight(1f)
+                    .padding(horizontal = 8.dp)
+                    .clip(CircleShape)
+                    .background(parseTypeToColor(type))
+                    .height(35.dp)
+            ) {
+                Text(
+                    text = type.type.name.capitalize(Locale.ROOT),
+                    color = Color.White,
+                    fontSize = 18.sp
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun PokemonDetailDataSection(
+    pokemonWeight: Int,
+    pokemonHeight: Int,
+    sectionHeight: Dp = 80.dp
+) {
+    val pokemonWeightInKg = remember {
+        round(pokemonWeight * 100f) / 1000f
+    }
+    val pokemonHeightInMeters = remember {
+        round(pokemonHeight * 100f) / 1000f
+    }
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+    ) {
+        PokemonDetailDataItem(
+            dataValue = pokemonWeightInKg,
+            dataUnit = "kg",
+            dataIcon = painterResource(id = R.drawable.ic_weight),
+            modifier = Modifier.weight(1f)
+        )
+        Spacer(modifier = Modifier
+            .size(1.dp, sectionHeight)
+            .background(Color.LightGray))
+        PokemonDetailDataItem(
+            dataValue = pokemonHeightInMeters,
+            dataUnit = "m",
+            dataIcon = painterResource(id = R.drawable.ic_height),
+            modifier = Modifier.weight(1f)
+        )
+    }
+}
+
+@Composable
+fun PokemonDetailDataItem(
+    dataValue: Float,
+    dataUnit: String,
+    dataIcon: Painter,
+    modifier: Modifier = Modifier
+) {
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Center,
+        modifier = modifier
+    ) {
+        Icon(painter = dataIcon, contentDescription = null, tint = MaterialTheme.colors.onSurface)
+        Spacer(modifier = Modifier.height(8.dp))
+        Text(
+            text = "$dataValue$dataUnit",
+            color = MaterialTheme.colors.onSurface
+        )
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/PokemonParse.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/PokemonParse.kt
new file mode 100644
index 0000000..ebe738f
--- /dev/null
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/util/PokemonParse.kt
@@ -0,0 +1,55 @@
+package com.plcoding.jetpackcomposepokedex.util
+
+import androidx.compose.ui.graphics.Color
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Type
+import com.plcoding.jetpackcomposepokedex.data.remote.responses.Stat
+import com.plcoding.jetpackcomposepokedex.ui.theme.*
+import java.util.*
+
+fun parseTypeToColor(type: Type): Color {
+    return when(type.type.name.toLowerCase(Locale.ROOT)) {
+        "normal" -> TypeNormal
+        "fire" -> TypeFire
+        "water" -> TypeWater
+        "electric" -> TypeElectric
+        "grass" -> TypeGrass
+        "ice" -> TypeIce
+        "fighting" -> TypeFighting
+        "poison" -> TypePoison
+        "ground" -> TypeGround
+        "flying" -> TypeFlying
+        "psychic" -> TypePsychic
+        "bug" -> TypeBug
+        "rock" -> TypeRock
+        "ghost" -> TypeGhost
+        "dragon" -> TypeDragon
+        "dark" -> TypeDark
+        "steel" -> TypeSteel
+        "fairy" -> TypeFairy
+        else -> Color.Black
+    }
+}
+
+fun parseStatToColor(stat: Stat): Color {
+    return when(stat.stat.name.toLowerCase()) {
+        "hp" -> HPColor
+        "attack" -> AtkColor
+        "defense" -> DefColor
+        "special-attack" -> SpAtkColor
+        "special-defense" -> SpDefColor
+        "speed" -> SpdColor
+        else -> Color.White
+    }
+}
+
+fun parseStatToAbbr(stat: Stat): String {
+    return when(stat.stat.name.toLowerCase()) {
+        "hp" -> "HP"
+        "attack" -> "Atk"
+        "defense" -> "Def"
+        "special-attack" -> "SpAtk"
+        "special-defense" -> "SpDef"
+        "speed" -> "Spd"
+        else -> ""
+    }
+}
\ No newline at end of file

From b8f6c64950ee49faf4985b91aad63bd49bf94d4c Mon Sep 17 00:00:00 2001
From: Philipp <mike.litoris@gmail.com>
Date: Sun, 16 May 2021 15:41:05 +0200
Subject: [PATCH 11/11] PokemonDetailScreen.kt part 3

---
 .../pokemondetail/PokemonDetailScreen.kt      | 106 +++++++++++++++++-
 .../pokemonlist/PokemonListScreen.kt          |   4 +-
 2 files changed, 103 insertions(+), 7 deletions(-)

diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
index 65d497e..64f7be0 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemondetail/PokemonDetailScreen.kt
@@ -1,13 +1,12 @@
 package com.plcoding.jetpackcomposepokedex.pokemondetail
 
-import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.*
 import com.plcoding.jetpackcomposepokedex.R
 import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.CircularProgressIndicator
 import androidx.compose.material.Icon
 import androidx.compose.material.MaterialTheme
@@ -15,8 +14,9 @@ import androidx.compose.material.Text
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.produceState
-import androidx.compose.runtime.remember
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -37,6 +37,8 @@ import com.google.accompanist.coil.CoilImage
 import com.plcoding.jetpackcomposepokedex.data.remote.responses.Pokemon
 import com.plcoding.jetpackcomposepokedex.data.remote.responses.Type
 import com.plcoding.jetpackcomposepokedex.util.Resource
+import com.plcoding.jetpackcomposepokedex.util.parseStatToAbbr
+import com.plcoding.jetpackcomposepokedex.util.parseStatToColor
 import com.plcoding.jetpackcomposepokedex.util.parseTypeToColor
 import java.util.*
 import kotlin.math.round
@@ -195,7 +197,7 @@ fun PokemonDetailSection(
             pokemonWeight = pokemonInfo.weight,
             pokemonHeight = pokemonInfo.height
         )
-
+        PokemonBaseStats(pokemonInfo = pokemonInfo)
     }
 }
 
@@ -279,4 +281,96 @@ fun PokemonDetailDataItem(
             color = MaterialTheme.colors.onSurface
         )
     }
+}
+
+@Composable
+fun PokemonStat(
+    statName: String,
+    statValue: Int,
+    statMaxValue: Int,
+    statColor: Color,
+    height: Dp = 28.dp,
+    animDuration: Int = 1000,
+    animDelay: Int = 0
+) {
+    var animationPlayed by remember {
+        mutableStateOf(false)
+    }
+    val curPercent = animateFloatAsState(
+        targetValue = if(animationPlayed) {
+            statValue / statMaxValue.toFloat()
+        } else 0f,
+        animationSpec = tween(
+            animDuration,
+            animDelay
+        )
+    )
+    LaunchedEffect(key1 = true) {
+        animationPlayed = true
+    }
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(height)
+            .clip(CircleShape)
+            .background(
+                if (isSystemInDarkTheme()) {
+                    Color(0xFF505050)
+                } else {
+                    Color.LightGray
+                }
+            )
+    ) {
+        Row(
+            horizontalArrangement = Arrangement.SpaceBetween,
+            verticalAlignment = Alignment.CenterVertically,
+            modifier = Modifier
+                .fillMaxHeight()
+                .fillMaxWidth(curPercent.value)
+                .clip(CircleShape)
+                .background(statColor)
+                .padding(horizontal = 8.dp)
+        ) {
+            Text(
+                text = statName,
+                fontWeight = FontWeight.Bold
+            )
+            Text(
+                text = (curPercent.value * statMaxValue).toInt().toString(),
+                fontWeight = FontWeight.Bold
+            )
+        }
+    }
+}
+
+@Composable
+fun PokemonBaseStats(
+    pokemonInfo: Pokemon,
+    animDelayPerItem: Int = 100
+) {
+    val maxBaseStat = remember {
+        pokemonInfo.stats.maxOf { it.baseStat }
+    }
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        Text(
+            text = "Base stats:",
+            fontSize = 20.sp,
+            color = MaterialTheme.colors.onSurface
+        )
+        Spacer(modifier = Modifier.height(4.dp))
+
+        for(i in pokemonInfo.stats.indices) {
+            val stat = pokemonInfo.stats[i]
+            PokemonStat(
+                statName = parseStatToAbbr(stat),
+                statValue = stat.baseStat,
+                statMaxValue = maxBaseStat,
+                statColor = parseStatToColor(stat),
+                animDelay = i * animDelayPerItem
+            )
+            Spacer(modifier = Modifier.height(8.dp))
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
index 6a9613f..4b7790e 100644
--- a/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
+++ b/app/src/main/java/com/plcoding/jetpackcomposepokedex/pokemonlist/PokemonListScreen.kt
@@ -132,7 +132,9 @@ fun PokemonList(
         }
         items(itemCount) {
             if(it >= itemCount - 1 && !endReached && !isLoading && !isSearching) {
-                viewModel.loadPokemonPaginated()
+                LaunchedEffect(key1 = true) {
+                    viewModel.loadPokemonPaginated()
+                }
             }
             PokedexRow(rowIndex = it, entries = pokemonList, navController = navController)
         }