improved pics (#88)

testomania/src/main/java/com/earth/testomania/technical/presentation/TechnicalTestsScreen.kt

@@ -10,9 +10,11 @@ import androidx.constraintlayout.compose.ConstraintLayout
 import androidx.constraintlayout.compose.Dimension
 import androidx.hilt.navigation.compose.hiltViewModel
 import com.earth.testomania.core.helper.defaultTechQuizWrapper
-import com.earth.testomania.core.log
 import com.earth.testomania.technical.domain.model.TechQuizWrapper
-import com.earth.testomania.technical.presentation.ui_parts.*
+import com.earth.testomania.technical.presentation.ui_parts.CategoryIllustration
+import com.earth.testomania.technical.presentation.ui_parts.CreateQuizAnswerUI
+import com.earth.testomania.technical.presentation.ui_parts.CreateQuizUI
+import com.earth.testomania.technical.presentation.ui_parts.OverallProgress
 import com.google.accompanist.pager.ExperimentalPagerApi
 import com.google.accompanist.pager.HorizontalPager
 import com.google.accompanist.pager.PagerState
@@ -85,14 +87,18 @@ private fun QuestionAndAnswers(
         state = pagerState,
     ) { page ->
         ConstraintLayout(modifier = Modifier.fillMaxSize()) {
-            val (question, answers) = createRefs()
+            val (question, answers, illustration) = createRefs()
 
             CreateQuizUI(modifier = Modifier
                 .constrainAs(question) {
                     top.linkTo(parent.top)
                 }
                 .fillMaxWidth(), techQuizList[page])
 
+            CategoryIllustration(modifier = Modifier.constrainAs(illustration) {
+                top.linkTo(question.bottom)
+            }, techQuizList[page].quiz.category)
+
             LazyColumn(
                 modifier = Modifier
                     .fillMaxWidth()

testomania/src/main/java/com/earth/testomania/technical/presentation/ui_parts/CategoryIllustration.kt

@@ -0,0 +1,32 @@
+package com.earth.testomania.technical.presentation.ui_parts
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import com.earth.testomania.R
+
+@Composable
+fun CategoryIllustration(modifier: Modifier, category: String) {
+    Image(modifier = modifier.fillMaxWidth(), contentScale = ContentScale.Crop,
+        painter = painterResource(id = findImageCategory(category)), contentDescription = "")
+}
+
+private fun findImageCategory(category: String): Int {
+    category.contains("asdf")
+    return when {
+        category.contains("Linux", ignoreCase = true) -> R.drawable.il_os
+        category.contains("JS", ignoreCase = true) -> R.drawable.il_js
+        category.contains("PHP", ignoreCase = true) -> R.drawable.il_php
+        category.contains("Networking", ignoreCase = true) -> R.drawable.il_networking
+        category.contains("Cloud", ignoreCase = true) -> R.drawable.il_cloud
+        category.contains("Docker", ignoreCase = true) -> R.drawable.il_docker
+        category.contains("Kubernetes", ignoreCase = true) -> R.drawable.il_kubernetes
+        category.contains("html", ignoreCase = true) -> R.drawable.il_html
+        category.contains("sql", ignoreCase = true) -> R.drawable.il_sql
+        category.contains("wordpress", ignoreCase = true) -> R.drawable.il_wordpress
+        else -> R.drawable.il_unknown
+    }
+}