Display snackbar messages as a stack

Author: c5inco

composeApp/src/desktopMain/kotlin/des/c5inco/mesh/ui/GradientCanvas.kt

@@ -3,9 +3,24 @@ package des.c5inco.mesh.ui
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxWithConstraints
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateListOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -51,7 +66,7 @@ fun GradientCanvas(
     var canvasWidth by remember { AppState::canvasWidth }
     var canvasHeight by remember { AppState::canvasHeight }
 
-    var notificationMessage by remember { mutableStateOf<String?>(null) }
+    val notifications = remember { mutableStateListOf<String>() }
 
     val exportSize by derivedStateOf {
         mutableStateOf(IntSize(canvasWidth, canvasHeight))
@@ -62,7 +77,7 @@ fun GradientCanvas(
     LaunchedEffect(Unit) {
         launch(Dispatchers.Main) {
             AppState.notificationFlow.collectLatest {
-                notificationMessage = it
+                notifications.addFirst(it)
             }
         }
     }
@@ -256,18 +271,18 @@ fun GradientCanvas(
             )
         }
 
-        if (notificationMessage != null) {
+        notifications.reversed().forEach {
             CanvasSnackbar(
                 onDismiss = {
-                    notificationMessage = null
+                    notifications.removeLast()
                     println("dismiss")
                 },
                 modifier = Modifier
                     .padding(bottom = 16.dp)
                     .align(Alignment.BottomCenter)
             ) {
                 Text(
-                    text = notificationMessage!!,
+                    text = it,
                 )
             }
         }