toast add and import improvement

Author: Coding-Meet

src/main/kotlin/App.kt

@@ -1,60 +1,64 @@
 import androidx.compose.desktop.ui.tooling.preview.Preview
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.*
 import androidx.compose.material.MaterialTheme
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import components.CustomButton
-import components.CustomTextField
-import components.SelectCountries
+import androidx.compose.ui.unit.*
+import components.*
 import utils.languageList
 
 @Composable
 @Preview
 fun App() {
 
-    var showToast by remember { mutableStateOf(false) }
-    var inputDependencyText by remember { mutableStateOf("") }
+    var isShowWindowState by remember { mutableStateOf(false) }
+    var stringState by remember { mutableStateOf("") }
     var countryListState by remember { mutableStateOf(languageList) }
-  
+    var isShowToast by remember { mutableStateOf(false) }
+    var toastMessage by remember { mutableStateOf("") }
+
     MaterialTheme {
         Row(
-            Modifier.fillMaxSize()
-                .padding(10.dp)
+            Modifier.fillMaxSize().padding(10.dp)
         ) {
             CustomTextField(
-                inputDependencyText,
+                stringState,
                 "Enter the Strings",
                 Modifier.fillMaxHeight().weight(0.8f, true),
-            ) { inputDependencyText = it }
+            ) { stringState = it }
 
             Column(
                 Modifier.weight(0.2f, true).padding(start = 10.dp)
             ) {
                 CustomButton("Select Languages", onClick = {
-                    showToast = true
-                })
-                CustomButton("Convert", isEnable = inputDependencyText.isNotEmpty() && countryListState.any { it.isChecked }, onClick = {
-                    println(countryListState.filter { it.isChecked })
+                    isShowWindowState = true
                 })
+                CustomButton("Convert",
+                    isEnable = stringState.isNotEmpty() && countryListState.any { it.isChecked },
+                    onClick = {
+                        println(countryListState.filter { it.isChecked })
+                    })
             }
         }
-        if (showToast) {
-            SelectCountries(countryListState){
-//                countryListState = it
-                showToast = false
+        if (isShowWindowState) {
+            SelectCountries(countryListState) {
+                countryListState = it
+                isShowWindowState = false
             }
-
+        }
+        if (isShowToast) {
+            Toast(toastMessage) {}
         }
 
     }
 }
 
+fun showToast() {
+//    isShowToast = true
+//    toastMessage = "This is a toast message!"
+//    // Delay to simulate a real-world scenario
+//    CoroutineScope(Dispatchers.IO).launch {
+//        delay(3000)
+//        isShowToast = false
+//    }
+}

src/main/kotlin/Main.kt

@@ -1,3 +1,4 @@
+
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.Window

src/main/kotlin/components/Components.kt

@@ -65,9 +65,7 @@ fun CustomTextField(
             backgroundColor = TextFieldBackground
         ),
         readOnly = readOnly,
-        modifier = modifier.fillMaxWidth()
-            .clip(RoundedCornerShape(12.dp))
-            .height(280.dp)
+        modifier = modifier.fillMaxWidth().clip(RoundedCornerShape(12.dp)).height(280.dp)
     )
 }
 
@@ -86,47 +84,38 @@ fun CustomButton(text: String, onClick: () -> Unit, isEnable: Boolean = true) {
 
 @Composable
 fun Toast(message: String, onDismiss: () -> Unit) {
-    val modifier = Modifier
-        .background(MaterialTheme.colors.primary)
-        .padding(8.dp)
-        .fillMaxWidth()
-        .wrapContentHeight()
-        .height(60.dp)
+    val modifier = Modifier.background(MaterialTheme.colors.primary).padding(8.dp).fillMaxWidth()
+        .wrapContentHeight().height(60.dp)
 
     Box(
-        modifier = modifier,
-        contentAlignment = Alignment.Center
+        modifier = modifier, contentAlignment = Alignment.Center
     ) {
         Text(
-            text = message,
-            color = Color.White,
-            fontSize = 16.sp
+            text = message, color = Color.White, fontSize = 16.sp
         )
 
         IconButton(
-            onClick = onDismiss,
-            modifier = Modifier.align(Alignment.CenterEnd)
+            onClick = onDismiss, modifier = Modifier.align(Alignment.CenterEnd)
         ) {
             Icon(
-                imageVector = Icons.Default.Close,
-                contentDescription = "Close",
-                tint = Color.White
+                imageVector = Icons.Default.Close, contentDescription = "Close", tint = Color.White
             )
         }
     }
 }
 
 @Composable
-fun SelectCountries(languageList: MutableList<Language> ,onDismiss: () -> Unit) {
+fun SelectCountries(
+    languageList: MutableList<Language>,
+    onDismiss: (MutableList<Language>) -> Unit,
+) {
     var countryListState by remember { mutableStateOf(languageList) }
     val dialogState = DialogState(
-        width = 1000.dp,
-        height = 720.dp,
-        position = WindowPosition(Alignment.Center)
+        width = 1000.dp, height = 720.dp, position = WindowPosition(Alignment.Center)
     )
     DialogWindow(
         state = dialogState,
-        onCloseRequest = { onDismiss() },
+        onCloseRequest = { onDismiss(countryListState) },
         title = "Select language",
         content = {
             LazyVerticalGrid(
@@ -136,17 +125,13 @@ fun SelectCountries(languageList: MutableList<Language> ,onDismiss: () -> Unit)
                 modifier = Modifier.fillMaxSize()
             ) {
                 itemsIndexed(countryListState) { index, language ->
-                    Row(
-                        horizontalArrangement = Arrangement.Center,
+                    Row(horizontalArrangement = Arrangement.Center,
                         verticalAlignment = Alignment.CenterVertically,
-                        modifier = Modifier
-                            .fillMaxWidth()
-                            .clickable {
+                        modifier = Modifier.fillMaxWidth().clickable {
                                 countryListState = countryListState.toMutableList().apply {
                                     this[index] = language.copy(isChecked = !language.isChecked)
                                 }
-                            }
-                    ) {
+                            }) {
                         Checkbox(
                             checked = language.isChecked,
                             onCheckedChange = {