Merge pull request #131 from Newyork-Squad/refactor/enhancement-explore-screen

MustafaIbrahim96 · web-flow · commit b533fc8caf6c · 2025-09-27T20:07:02.000+03:00
Refactor/enhancement explore screen
diff --git a/app/src/main/java/com/karrar/movieapp/data/util/ResourceProviderImp.kt b/app/src/main/java/com/karrar/movieapp/data/util/ResourceProviderImp.kt
@@ -0,0 +1,12 @@
+package com.karrar.movieapp.data.util
+
+import android.content.Context
+import com.karrar.movieapp.domain.util.ResourceProvider
+import dagger.hilt.android.qualifiers.ApplicationContext
+import javax.inject.Inject
+
+class ResourceProviderImpl @Inject constructor(
+    @ApplicationContext private val context: Context
+) : ResourceProvider {
+    override fun getString(resId: Int): String = context.getString(resId)
+}
diff --git a/app/src/main/java/com/karrar/movieapp/di/ResourceModule.kt b/app/src/main/java/com/karrar/movieapp/di/ResourceModule.kt
@@ -0,0 +1,20 @@
+package com.karrar.movieapp.di
+
+import com.karrar.movieapp.data.util.ResourceProviderImpl
+import com.karrar.movieapp.domain.util.ResourceProvider
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class ResourceModule {
+
+    @Singleton
+    @Binds
+    abstract fun bindResourceProvider(
+        impl: ResourceProviderImpl
+    ): ResourceProvider
+}
diff --git a/app/src/main/java/com/karrar/movieapp/domain/usecases/GetGenreListUseCase.kt b/app/src/main/java/com/karrar/movieapp/domain/usecases/GetGenreListUseCase.kt
@@ -1,15 +1,18 @@
 package com.karrar.movieapp.domain.usecases
 
+import com.karrar.movieapp.R
 import com.karrar.movieapp.data.remote.response.genre.GenreDto
 import com.karrar.movieapp.data.repository.MovieRepository
 import com.karrar.movieapp.data.repository.SeriesRepository
 import com.karrar.movieapp.domain.mappers.GenreMapper
 import com.karrar.movieapp.domain.mappers.ListMapper
 import com.karrar.movieapp.domain.models.Genre
+import com.karrar.movieapp.domain.util.ResourceProvider
 import com.karrar.movieapp.utilities.Constants
 import javax.inject.Inject
 
 class GetGenreListUseCase @Inject constructor(
+    private val resourceProvider: ResourceProvider,
     private val movieRepository: MovieRepository,
     private val seriesRepository: SeriesRepository,
     private val genreMapper: GenreMapper
@@ -29,7 +32,8 @@ class GetGenreListUseCase @Inject constructor(
 
     private fun setGenre(genre: List<Genre>): List<Genre> {
         val allGenre = mutableListOf<Genre>()
-        allGenre.add(Genre(Constants.FIRST_CATEGORY_ID, Constants.ALL))
+        allGenre.add(Genre(Constants.FIRST_CATEGORY_ID,
+            resourceProvider.getString(R.string.txt_all)))
         allGenre.addAll(genre)
         return allGenre.toList()
     }
diff --git a/app/src/main/java/com/karrar/movieapp/domain/util/ResourceProvider.kt b/app/src/main/java/com/karrar/movieapp/domain/util/ResourceProvider.kt
@@ -0,0 +1,5 @@
+package com.karrar.movieapp.domain.util
+
+interface ResourceProvider {
+    fun getString(resId: Int) : String
+}
diff --git a/app/src/main/java/com/karrar/movieapp/ui/explore/ExploringFragment.kt b/app/src/main/java/com/karrar/movieapp/ui/explore/ExploringFragment.kt
@@ -65,7 +65,7 @@ class ExploringFragment : BaseFragment<FragmentExploringBinding>() {
 
     override fun onResume() {
         super.onResume()
-        viewModel.refreshData()
+        viewModel.getData()
     }
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
@@ -81,34 +81,9 @@ class ExploringFragment : BaseFragment<FragmentExploringBinding>() {
     }
 
     private fun setupToggle() {
-        val toggleRoot = binding.viewToggle
-
-        toggleRoot.ivGrid.setOnClickListener { viewModel.setGridMode(true) }
-        toggleRoot.ivList.setOnClickListener { viewModel.setGridMode(false) }
-        toggleRoot.indicator.setOnClickListener { viewModel.toggleGridMode() }
-
-        viewLifecycleOwner.lifecycleScope.launch {
-            viewModel.isGrid.collect { isGrid ->
-                if (isGrid) toggleRoot.toggleMotion.transitionToStart() else toggleRoot.toggleMotion.transitionToEnd()
-
-                allMediaAdapter.setGridMode(isGrid)
-
-                val lm = binding.recyclerMedia.layoutManager as? GridLayoutManager
-                lm?.let {
-                    val firstPos = it.findFirstVisibleItemPosition()
-                    it.spanCount = if (isGrid) 2 else 1
-
-                    binding.recyclerMedia.post {
-                        it.requestLayout()
-                        if (firstPos != RecyclerView.NO_POSITION) binding.recyclerMedia.scrollToPosition(firstPos)
-                    }
-                }
-                val gridIcon = if (isGrid) R.drawable.ic_grid_selected else R.drawable.ic_grid_unselected
-                val listIcon = if (!isGrid) R.drawable.ic_row_vertical_selected else R.drawable.ic_row_vertical_unselected
-                toggleRoot.ivGrid.setImageResource(gridIcon)
-                toggleRoot.ivList.setImageResource(listIcon)
-            }
-        }
+        binding.viewToggle.ivGrid.setOnClickListener { viewModel.setGridMode(true) }
+        binding.viewToggle.ivList.setOnClickListener { viewModel.setGridMode(false) }
+        binding.viewToggle.indicator.setOnClickListener { viewModel.toggleGridMode() }
     }
 
     private fun initTabLayout() {
@@ -148,9 +123,14 @@ class ExploringFragment : BaseFragment<FragmentExploringBinding>() {
     private fun collectData() {
         viewLifecycleOwner.lifecycleScope.launch {
             viewModel.uiState.collect { state ->
+                allMediaAdapter.setGridMode(state.isGrid)
+                val gridIcon = if (state.isGrid) R.drawable.ic_grid_selected else R.drawable.ic_grid_unselected
+                val listIcon = if (!state.isGrid) R.drawable.ic_row_vertical_selected else R.drawable.ic_row_vertical_unselected
+                binding.viewToggle.ivGrid.setImageResource(gridIcon)
+                binding.viewToggle.ivList.setImageResource(listIcon)
+
                 genreAdapter.setItems(state.genre)
                 genreAdapter.setSelectedGenre(state.selectedCategoryID)
-
                 val desiredTab = if (state.selectedMediaId == Constants.TV_CATEGORIES_ID) 1 else 0
                 if (binding.tabExplore.selectedTabPosition != desiredTab) {
                     ignoreTabChanges = true
diff --git a/app/src/main/java/com/karrar/movieapp/ui/explore/ExploringViewModel.kt b/app/src/main/java/com/karrar/movieapp/ui/explore/ExploringViewModel.kt
@@ -39,17 +39,10 @@ class ExploringViewModel @Inject constructor(
     private val _exploringUIEvent: MutableStateFlow<Event<ExploringUIEvent>?> = MutableStateFlow(null)
     val exploringUIEvent= _exploringUIEvent.asStateFlow()
 
-    private val _isGrid = MutableStateFlow(true)
-    val isGrid: StateFlow<Boolean> = _isGrid.asStateFlow()
-
     init {
         setMediaType(Constants.MOVIE_CATEGORIES_ID)
     }
 
-    fun refreshData() {
-        getData()
-    }
-
     override fun getData() {
         val mediaId = _uiState.value.selectedMediaId
         val catId = _uiState.value.selectedCategoryID
@@ -71,10 +64,10 @@ class ExploringViewModel @Inject constructor(
     }
 
     fun setGridMode(grid: Boolean) {
-        _isGrid.value = grid
+        _uiState.update { it.copy(isGrid = grid) }
     }
 
-    fun toggleGridMode() = setGridMode(!_isGrid.value)
+    fun toggleGridMode() = setGridMode(!_uiState.value.isGrid)
 
     private fun loadGenres(mediaId: Int) {
         viewModelScope.launch {
@@ -103,7 +96,13 @@ class ExploringViewModel @Inject constructor(
 
                 _uiState.update { it.copy(isLoading = false, media = paging, error = emptyList()) }
             } catch (t: Throwable) {
-                _uiState.update { it.copy(isLoading = false, error = listOf(ErrorUIState(-1, t.message.orEmpty()))) }
+                _uiState.update {
+                    it.copy(
+                        isLoading = false,
+                        error = listOf(ErrorUIState(-1, t.message.orEmpty())
+                        )
+                    )
+                }
             }
         }
     }
@@ -127,17 +126,20 @@ class ExploringViewModel @Inject constructor(
         when (combinedLoadStates.refresh) {
             is LoadState.NotLoading -> {
                 _uiState.update {
-                    it.copy(isLoading = false, error = emptyList())
+                    it.copy(isLoading = false,
+                        error = emptyList())
                 }
             }
             LoadState.Loading -> {
                 _uiState.update {
-                    it.copy(isLoading = false, error = emptyList())
+                    it.copy(isLoading = false,
+                        error = emptyList())
                 }
             }
             is LoadState.Error -> {
                 _uiState.update {
-                    it.copy(isLoading = false, error = listOf(ErrorUIState(404, "Error")))
+                    it.copy(isLoading = false,
+                        error = listOf(ErrorUIState(404, "Error")))
                 }
             }
         }
diff --git a/app/src/main/java/com/karrar/movieapp/ui/explore/exploreUIState/ExploreUIState.kt b/app/src/main/java/com/karrar/movieapp/ui/explore/exploreUIState/ExploreUIState.kt
@@ -14,6 +14,7 @@ data class ExploreUIState(
     val media: Flow<PagingData<MediaUIState>> = emptyFlow(),
     val selectedMediaId: Int = Constants.MOVIE_CATEGORIES_ID,
     val selectedGenreId: Int? = null,
+    val isGrid: Boolean = true,
     val isLoading: Boolean = false,
     val error: List<ErrorUIState> = emptyList()
 )
diff --git a/app/src/main/java/com/karrar/movieapp/utilities/BindingAdapter.kt b/app/src/main/java/com/karrar/movieapp/utilities/BindingAdapter.kt
@@ -10,9 +10,11 @@ import android.widget.LinearLayout
 import android.widget.RatingBar
 import android.widget.TextView
 import androidx.cardview.widget.CardView
+import androidx.constraintlayout.motion.widget.MotionLayout
 import androidx.core.content.ContextCompat
 import androidx.core.view.isVisible
 import androidx.databinding.BindingAdapter
+import androidx.recyclerview.widget.GridLayoutManager
 import androidx.recyclerview.widget.PagerSnapHelper
 import androidx.recyclerview.widget.RecyclerView
 import coil.imageLoader
@@ -281,10 +283,28 @@ fun loadMediaPoster(image: ImageView, imageURL: String?) {
     }
 }
 
+@BindingAdapter("app:transitionToSelect")
+fun transitionToSelect(motionLayout: MotionLayout, isSelect: Boolean) {
+    if (isSelect) {
+        motionLayout.transitionToStart()
+    } else {
+        motionLayout.transitionToEnd()
+    }
+}
 
+@BindingAdapter("app:isRecyclerViewGrid")
+fun isRecyclerViewGrid(recyclerView: RecyclerView, isGrid: Boolean) {
+    val lm = recyclerView.layoutManager as? GridLayoutManager ?: return
+    val firstPos = lm.findFirstVisibleItemPosition()
+    lm.spanCount = if (isGrid) 2 else 1
 
-
-
+    recyclerView.post {
+        lm.requestLayout()
+        if (firstPos != RecyclerView.NO_POSITION) {
+            recyclerView.scrollToPosition(firstPos)
+        }
+    }
+}
 
 @BindingAdapter("app:showProfileWhenSuccess")
 fun showWhenProfileSuccess(view: View, userName: String) {
@@ -487,6 +507,7 @@ fun setOneDecimal(textView: TextView, number: Double?) {
         textView.text = String.format("%.1f", it)
     }
 }
+
 @BindingAdapter("srcCompatSafe")
 fun ImageView.setSrcCompatSafe(resId: Int?) {
     if (resId != null && resId != 0) {
diff --git a/app/src/main/res/drawable/media_place_holder.xml b/app/src/main/res/drawable/media_place_holder.xml
@@ -7,11 +7,11 @@
   <group android:translateX="80" android:translateY="80">
     <path
         android:pathData="M80,75.999V4.174C80,0.612 75.696,-1.173 73.175,1.342L1.183,73.167C-1.341,75.686 0.442,79.999 4.008,79.999H76C78.209,79.999 80,78.208 80,75.999ZM68.424,72.76C68.424,71.655 69.319,70.76 70.424,70.76H74.527C75.631,70.76 76.527,71.655 76.527,72.76V74.534C76.527,75.639 75.631,76.534 74.527,76.534H70.424C69.319,76.534 68.424,75.639 68.424,74.534V72.76ZM70.424,61.52C69.319,61.52 68.424,62.416 68.424,63.52V65.294C68.424,66.399 69.319,67.294 70.424,67.294H74.527C75.631,67.294 76.527,66.399 76.527,65.294V63.52C76.527,62.416 75.631,61.52 74.527,61.52H70.424ZM68.424,54.281C68.424,53.176 69.319,52.281 70.424,52.281H74.527C75.631,52.281 76.527,53.176 76.527,54.281V56.055C76.527,57.16 75.631,58.055 74.527,58.055H70.424C69.319,58.055 68.424,57.16 68.424,56.055V54.281ZM70.424,43.041C69.319,43.041 68.424,43.937 68.424,45.041V46.815C68.424,47.92 69.319,48.815 70.424,48.815H74.527C75.631,48.815 76.527,47.92 76.527,46.815V45.041C76.527,43.937 75.631,43.041 74.527,43.041H70.424ZM68.424,35.802C68.424,34.697 69.319,33.802 70.424,33.802H74.527C75.631,33.802 76.527,34.697 76.527,35.802V37.576C76.527,38.681 75.631,39.576 74.527,39.576H70.424C69.319,39.576 68.424,38.681 68.424,37.576V35.802ZM70.424,24.562C69.319,24.562 68.424,25.458 68.424,26.562V28.336C68.424,29.441 69.319,30.336 70.424,30.336H74.527C75.631,30.336 76.527,29.441 76.527,28.336V26.562C76.527,25.458 75.631,24.562 74.527,24.562H70.424ZM68.424,17.322C68.424,16.218 69.319,15.322 70.424,15.322H74.527C75.631,15.322 76.527,16.218 76.527,17.322V19.097C76.527,20.201 75.631,21.097 74.527,21.097H70.424C69.319,21.097 68.424,20.201 68.424,19.097V17.322ZM70.424,6.082C69.319,6.082 68.424,6.978 68.424,8.082V9.857C68.424,10.961 69.319,11.857 70.424,11.857H74.527C75.631,11.857 76.527,10.961 76.527,9.857V8.082C76.527,6.978 75.631,6.082 74.527,6.082H70.424Z"
-        android:fillColor="@color/shade_ternary_color"
+        android:fillColor="@color/shade_tertiary"
         android:fillType="evenOdd"/>
     <path
         android:pathData="M33.215,34.813L6.777,60.114C4.231,62.55 0,60.749 0,57.229L0,4.002C-0,0.388 4.427,-1.368 6.915,1.26L33.353,29.186C34.864,30.782 34.802,33.294 33.215,34.813ZM5.09,45.351C3.985,45.351 3.09,46.246 3.09,47.351V49.125C3.09,50.23 3.985,51.125 5.09,51.125H9.193C10.297,51.125 11.193,50.23 11.193,49.125V47.351C11.193,46.246 10.297,45.351 9.193,45.351H5.09ZM3.09,38.111C3.09,37.007 3.985,36.111 5.09,36.111H9.193C10.297,36.111 11.193,37.007 11.193,38.111V39.886C11.193,40.99 10.297,41.886 9.193,41.886H5.09C3.985,41.886 3.09,40.99 3.09,39.886V38.111ZM5.09,26.872C3.985,26.872 3.09,27.767 3.09,28.872V30.646C3.09,31.751 3.985,32.646 5.09,32.646H9.193C10.297,32.646 11.193,31.751 11.193,30.646V28.872C11.193,27.767 10.297,26.872 9.193,26.872H5.09ZM3.09,19.632C3.09,18.528 3.985,17.632 5.09,17.632H9.193C10.297,17.632 11.193,18.528 11.193,19.632V21.407C11.193,22.511 10.297,23.407 9.193,23.407H5.09C3.985,23.407 3.09,22.511 3.09,21.407V19.632ZM5.09,8.392C3.985,8.392 3.09,9.288 3.09,10.392V12.166C3.09,13.271 3.985,14.166 5.09,14.166H9.193C10.297,14.166 11.193,13.271 11.193,12.166V10.392C11.193,9.288 10.297,8.392 9.193,8.392H5.09Z"
-        android:fillColor="@color/shade_ternary_color"
+        android:fillColor="@color/shade_tertiary"
         android:fillType="evenOdd"/>
   </group>
 
diff --git a/app/src/main/res/layout/fragment_exploring.xml b/app/src/main/res/layout/fragment_exploring.xml
@@ -182,6 +182,7 @@
             android:clipToPadding="false"
             app:doneLoading="@{viewModel.uiState.loading}"
             app:errorNotEmpty="@{viewModel.uiState.error}"
+            app:isRecyclerViewGrid="@{viewModel.uiState.isGrid}"
             app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
@@ -195,6 +196,7 @@
             android:layout_height="40dp"
             android:layout_marginEnd="@dimen/spacing_medium"
             app:isVisible="@{true}"
+            app:isGrid="@{viewModel.uiState.isGrid}"
             android:elevation="@dimen/spacing_xSmall"
             android:layout_marginBottom="@dimen/spacing_medium"
             app:layout_constraintBottom_toBottomOf="parent"
diff --git a/app/src/main/res/layout/fragment_profile.xml b/app/src/main/res/layout/fragment_profile.xml
@@ -106,15 +106,17 @@
             android:id="@+id/horizontalScrollView"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
+            android:layout_marginHorizontal="@dimen/spacing_medium"
+            android:layout_marginVertical="@dimen/spacing_small"
             android:scrollbars="none"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toBottomOf="@id/card_actor">
 
             <LinearLayout
                 android:id="@+id/linearLayout"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginHorizontal="@dimen/spacing_medium"
-                android:layout_marginVertical="@dimen/spacing_small"
                 android:orientation="horizontal">
 
                 <com.google.android.material.button.MaterialButton
diff --git a/app/src/main/res/layout/media_toggle_view.xml b/app/src/main/res/layout/media_toggle_view.xml
@@ -8,6 +8,10 @@
             name="isVisible"
             type="Boolean" />
 
+        <variable
+            name="isGrid"
+            type="Boolean" />
+
     </data>
 
 <androidx.constraintlayout.motion.widget.MotionLayout
@@ -16,6 +20,7 @@
     android:layout_height="40dp"
     app:isVisible="@{isVisible}"
     android:clipToPadding="false"
+    app:transitionToSelect="@{isGrid}"
     app:layoutDescription="@xml/media_toggle_view_scene">
 
     <View
diff --git a/app/src/main/res/values-ar/strings.xml b/app/src/main/res/values-ar/strings.xml
@@ -257,4 +257,5 @@
     <string name="gallery">المعرض</string>
     <string name="actor_gallery">%1$s معرض</string>
     <string name="app_version_format">إصدار %1$s</string>
+    <string name="txt_all">الكل</string>
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
@@ -249,4 +249,5 @@
     <string name="gallery">Gallery</string>
     <string name="actor_gallery">%1$s Gallery</string>
     <string name="app_version_format">Version %1$s</string>
+    <string name="txt_all">All</string>
 </resources>

Original file line number	Diff line number	Diff line change
`@@ -39,17 +39,10 @@ class ExploringViewModel @Inject constructor(`
`39`	`39`	`private val _exploringUIEvent: MutableStateFlow<Event<ExploringUIEvent>?> = MutableStateFlow(null)`
`40`	`40`	`val exploringUIEvent= _exploringUIEvent.asStateFlow()`
`41`	`41`
`42`		`- private val _isGrid = MutableStateFlow(true)`
`43`		`- val isGrid: StateFlow<Boolean> = _isGrid.asStateFlow()`
`44`		`-`
`45`	`42`	`init {`
`46`	`43`	`setMediaType(Constants.MOVIE_CATEGORIES_ID)`
`47`	`44`	`}`
`48`	`45`
`49`		`- fun refreshData() {`
`50`		`- getData()`
`51`		`- }`
`52`		`-`
`53`	`46`	`override fun getData() {`
`54`	`47`	`val mediaId = _uiState.value.selectedMediaId`
`55`	`48`	`val catId = _uiState.value.selectedCategoryID`
`@@ -71,10 +64,10 @@ class ExploringViewModel @Inject constructor(`
`71`	`64`	`}`
`72`	`65`
`73`	`66`	`fun setGridMode(grid: Boolean) {`
`74`		`- _isGrid.value = grid`
	`67`	`+ _uiState.update { it.copy(isGrid = grid) }`
`75`	`68`	`}`
`76`	`69`
`77`		`- fun toggleGridMode() = setGridMode(!_isGrid.value)`
	`70`	`+ fun toggleGridMode() = setGridMode(!_uiState.value.isGrid)`
`78`	`71`
`79`	`72`	`private fun loadGenres(mediaId: Int) {`
`80`	`73`	`viewModelScope.launch {`
`@@ -103,7 +96,13 @@ class ExploringViewModel @Inject constructor(`
`103`	`96`
`104`	`97`	`_uiState.update { it.copy(isLoading = false, media = paging, error = emptyList()) }`
`105`	`98`	`} catch (t: Throwable) {`
`106`		`- _uiState.update { it.copy(isLoading = false, error = listOf(ErrorUIState(-1, t.message.orEmpty()))) }`
	`99`	`+ _uiState.update {`
	`100`	`+ it.copy(`
	`101`	`+ isLoading = false,`
	`102`	`+ error = listOf(ErrorUIState(-1, t.message.orEmpty())`
	`103`	`+ )`
	`104`	`+ )`
	`105`	`+ }`
`107`	`106`	`}`
`108`	`107`	`}`
`109`	`108`	`}`
`@@ -127,17 +126,20 @@ class ExploringViewModel @Inject constructor(`
`127`	`126`	`when (combinedLoadStates.refresh) {`
`128`	`127`	`is LoadState.NotLoading -> {`
`129`	`128`	`_uiState.update {`
`130`		`- it.copy(isLoading = false, error = emptyList())`
	`129`	`+ it.copy(isLoading = false,`
	`130`	`+ error = emptyList())`
`131`	`131`	`}`
`132`	`132`	`}`
`133`	`133`	`LoadState.Loading -> {`
`134`	`134`	`_uiState.update {`
`135`		`- it.copy(isLoading = false, error = emptyList())`
	`135`	`+ it.copy(isLoading = false,`
	`136`	`+ error = emptyList())`
`136`	`137`	`}`
`137`	`138`	`}`
`138`	`139`	`is LoadState.Error -> {`
`139`	`140`	`_uiState.update {`
`140`		`- it.copy(isLoading = false, error = listOf(ErrorUIState(404, "Error")))`
	`141`	`+ it.copy(isLoading = false,`
	`142`	`+ error = listOf(ErrorUIState(404, "Error")))`
`141`	`143`	`}`
`142`	`144`	`}`
`143`	`145`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@ data class ExploreUIState(`
`14`	`14`	`val media: Flow<PagingData<MediaUIState>> = emptyFlow(),`
`15`	`15`	`val selectedMediaId: Int = Constants.MOVIE_CATEGORIES_ID,`
`16`	`16`	`val selectedGenreId: Int? = null,`
	`17`	`+ val isGrid: Boolean = true,`
`17`	`18`	`val isLoading: Boolean = false,`
`18`	`19`	`val error: List<ErrorUIState> = emptyList()`
`19`	`20`	`)`