New ListView Albums (#700)

* Added PreferenceKey logic for ViewType

* Added AlbumRowComponent for ListView

* Added functionality for switching ViewType from Grid to List

* Fixed padding values and added Haze to LazyColumn

* Fixed PreferenceKey

Author: mcbabo

app/src/main/kotlin/com/dot/gallery/core/Settings.kt

@@ -57,6 +57,7 @@ object Settings {
 
     object Album {
         private val LAST_SORT = stringPreferencesKey("album_last_sort_obj")
+        private val LAST_VIEW = stringPreferencesKey("album_last_view_obj")
 
         @Serializable
         @Parcelize
@@ -65,13 +66,26 @@ object Settings {
             val kind: FilterKind
         ) : Parcelable
 
+        @Serializable
+        @Parcelize
+        enum class ViewType : Parcelable {
+            GRID, LIST
+        }
+
         @Composable
         fun rememberLastSort() =
             rememberPreferenceSerializable(
                 keyString = LAST_SORT,
                 defaultValue = LastSort(OrderType.Descending, FilterKind.DATE)
             )
 
+        @Composable
+        fun rememberLastViewType() =
+            rememberPreferenceSerializable(
+                keyString = LAST_VIEW,
+                defaultValue = ViewType.GRID
+            )
+
         @OptIn(ExperimentalMaterial3WindowSizeClassApi::class)
         @Composable
         fun rememberAlbumGridSize(): MutableState<Int> {

app/src/main/kotlin/com/dot/gallery/core/presentation/components/FilterComponent.kt

@@ -6,6 +6,7 @@
 package com.dot.gallery.core.presentation.components
 
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -14,6 +15,8 @@ import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.Check
+import androidx.compose.material.icons.outlined.GridView
+import androidx.compose.material.icons.outlined.HorizontalSplit
 import androidx.compose.material.icons.outlined.KeyboardDoubleArrowDown
 import androidx.compose.material.icons.outlined.KeyboardDoubleArrowUp
 import androidx.compose.material3.DropdownMenu
@@ -33,14 +36,17 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import com.dot.gallery.core.Settings
 import com.dot.gallery.core.Settings.Album.rememberLastSort
 import com.dot.gallery.feature_node.domain.util.MediaOrder
 import com.dot.gallery.feature_node.domain.util.OrderType
 
 @Composable
 fun FilterButton(
     modifier: Modifier = Modifier,
-    filterOptions: Array<FilterOption> = emptyArray()
+    filterOptions: Array<FilterOption> = emptyArray(),
+    viewType: Settings.Album.ViewType,
+    onViewTypeChange: (Settings.Album.ViewType) -> Unit
 ) {
     var lastSort by rememberLastSort()
     var expanded by remember { mutableStateOf(false) }
@@ -54,38 +60,59 @@ fun FilterButton(
         contentAlignment = Alignment.TopEnd
     ) {
         Row(
-            verticalAlignment = Alignment.CenterVertically
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.SpaceBetween
         ) {
-            Text(
-                modifier = Modifier
-                    .clip(RoundedCornerShape(100))
-                    .clickable {
-                        expanded = true
-                    }
-                    .padding(vertical = 4.dp, horizontal = 8.dp),
-                style = MaterialTheme.typography.titleMedium,
-                fontWeight = FontWeight.Bold,
-                color = MaterialTheme.colorScheme.primary,
-                text = stringResource(selectedFilter.titleRes)
-            )
             IconButton(
                 onClick = {
-                    order = if (order == OrderType.Ascending) OrderType.Descending else OrderType.Ascending
-                    lastSort = lastSort.copy(orderType = order)
+                    if (viewType == Settings.Album.ViewType.GRID) {
+                        onViewTypeChange(Settings.Album.ViewType.LIST)
+                    } else {
+                        onViewTypeChange(Settings.Album.ViewType.GRID)
+                    }
                 }
             ) {
                 Icon(
-                    imageVector = remember(selectedFilter) {
-                        if (order == OrderType.Descending)
-                            Icons.Outlined.KeyboardDoubleArrowDown
-                        else Icons.Outlined.KeyboardDoubleArrowUp
-                    },
-                    tint = MaterialTheme.colorScheme.primary,
-                    contentDescription = null
+                    imageVector = if (viewType == Settings.Album.ViewType.GRID) Icons.Outlined.GridView else Icons.Outlined.HorizontalSplit,
+                    contentDescription = "Toggle View Type",
+                    tint = MaterialTheme.colorScheme.primary
                 )
             }
-        }
 
+            Row(
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(
+                    modifier = Modifier
+                        .clip(RoundedCornerShape(100))
+                        .clickable {
+                            expanded = true
+                        }
+                        .padding(vertical = 4.dp, horizontal = 8.dp),
+                    style = MaterialTheme.typography.titleMedium,
+                    fontWeight = FontWeight.Bold,
+                    color = MaterialTheme.colorScheme.primary,
+                    text = stringResource(selectedFilter.titleRes)
+                )
+                IconButton(
+                    onClick = {
+                        order = if (order == OrderType.Ascending) OrderType.Descending else OrderType.Ascending
+                        lastSort = lastSort.copy(orderType = order)
+                    }
+                ) {
+                    Icon(
+                        imageVector = remember(selectedFilter) {
+                            if (order == OrderType.Descending)
+                                Icons.Outlined.KeyboardDoubleArrowDown
+                            else Icons.Outlined.KeyboardDoubleArrowUp
+                        },
+                        tint = MaterialTheme.colorScheme.primary,
+                        contentDescription = null
+                    )
+                }
+            }
+        }
         Box(
             modifier = Modifier
                 .wrapContentSize(Alignment.TopEnd)