Inputs buttons modify

.gitignore

@@ -13,3 +13,4 @@
 .externalNativeBuild
 .cxx
 local.properties
+/app/src/main/java/com/example/listifyjetapp/utils/constants/Constants.kt

app/build.gradle.kts

@@ -5,6 +5,9 @@ plugins {
 
     alias(libs.plugins.hilt)
     alias(libs.plugins.ksp)
+
+    // Kotlin serialization plugin for type safe routes and navigation arguments
+    kotlin("plugin.serialization") version "2.0.21"
 }
 
 android {
@@ -105,4 +108,26 @@ dependencies {
     // google font
     implementation(libs.androidx.ui.text.google.fonts)
 
+    // material icons
+    implementation (libs.androidx.material.icons.extended)
+
+    // ================= Kotlin serialization =======================
+    // Jetpack Compose integration
+    implementation(libs.androidx.navigation.compose)
+
+    // Views/Fragments integration
+    implementation(libs.androidx.navigation.fragment)
+    implementation(libs.androidx.navigation.ui)
+
+    // Feature module support for Fragments
+    implementation(libs.androidx.navigation.dynamic.features.fragment)
+
+    // Testing Navigation
+    androidTestImplementation(libs.androidx.navigation.testing)
+
+    // JSON serialization library, works with the Kotlin serialization plugin
+    implementation(libs.kotlinx.serialization.json)
+
+    // Typed DataStore (Typed API surface, such as Proto)
+    implementation(libs.androidx.datastore.preferences)
 }

app/src/main/java/com/example/listifyjetapp/components/authButtons/AuthButtons.kt

@@ -0,0 +1,55 @@
+package com.example.listifyjetapp.components.authButtons
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ExitToApp
+import androidx.compose.material.icons.filled.MailOutline
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.example.listifyjetapp.ui.theme.ButtonPaddings
+import com.example.listifyjetapp.ui.theme.ButtonShape
+import com.example.listifyjetapp.ui.theme.ListifyColor
+import com.example.listifyjetapp.widgets.buttons.CustomOutlinedButton
+import com.example.listifyjetapp.widgets.buttons.FilledButton
+
+@Composable
+fun AuthButtons(onGoToLoginScreen: () -> Unit) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp),
+        verticalArrangement = Arrangement.Bottom,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        CustomOutlinedButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            border = BorderStroke(2.dp, color = Color.White),
+            text = "SIGN UP WITH EMAIL",
+            textColor = ListifyColor.TextDark,
+            buttonIcon = Icons.Default.MailOutline,
+            iconDescription = "Sign In Email",
+            onClick = {}
+        )
+
+        FilledButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            containerColor = Color.White,
+            contentColor = ListifyColor.TextDark,
+            text = "LOG IN",
+            buttonIcon = Icons.AutoMirrored.Filled.ExitToApp,
+            iconDescription = "Log In",
+            onClick = { onGoToLoginScreen() }
+        )
+    }
+}

app/src/main/java/com/example/listifyjetapp/components/bottomMenus/ListItemActionSheet.kt

@@ -0,0 +1,48 @@
+package com.example.listifyjetapp.components.bottomMenus
+
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Delete
+import androidx.compose.material.icons.filled.Edit
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.ListItem
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.hilt.navigation.compose.hiltViewModel
+import com.example.listifyjetapp.ui.screens.listItem.ListItemViewModel
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ListItemActionSheet(
+    onDismissSheet: () -> Unit,
+    viewModel: ListItemViewModel = hiltViewModel()
+) {
+    ModalBottomSheet(
+        onDismissRequest =  onDismissSheet,
+        modifier = Modifier.fillMaxWidth(),
+    ) {
+
+        Text(
+            modifier = Modifier.fillMaxWidth().padding(8.dp),
+            textAlign = TextAlign.Center,
+            text = viewModel.activeItemDescription,
+            fontSize = 20.sp
+        )
+
+        ListItem(
+            headlineContent = { Text(text = "Edit", fontSize = 20.sp) },
+            leadingContent = { Icon(Icons.Default.Edit, null) }
+        )
+        ListItem(
+            headlineContent = { Text(text = "Delete", fontSize = 20.sp) },
+            leadingContent = { Icon(Icons.Default.Delete, null) }
+        )
+    }
+}

app/src/main/java/com/example/listifyjetapp/components/formModals/EditItemForm.kt

@@ -0,0 +1,67 @@
+package com.example.listifyjetapp.components.formModals
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.example.listifyjetapp.ui.theme.ButtonBorderStroke
+import com.example.listifyjetapp.ui.theme.ButtonPaddings
+import com.example.listifyjetapp.ui.theme.ButtonShape
+import com.example.listifyjetapp.ui.theme.ListifyColor
+import com.example.listifyjetapp.widgets.buttons.CustomOutlinedButton
+import com.example.listifyjetapp.widgets.buttons.FilledButton
+import com.example.listifyjetapp.widgets.inputFields.FormInputField
+
+@Composable
+fun EditItemForm(
+    description: String,
+    units: String,
+    isError: Boolean,
+    onDescriptionChange: (String) -> Unit,
+    onUnitsChange: (String) -> Unit,
+    onEditFormSubmit: () -> Unit,
+    onDeleteItem: () -> Unit
+) {
+
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        FormInputField(
+            placerHolder = "e.g., grocery list",
+            textState = description,
+            isError = isError,
+            onValueChange = onDescriptionChange
+        )
+
+        FormInputField(
+            placerHolder = "e.g., 1 lbs",
+            textState = units,
+            onValueChange = onUnitsChange
+        )
+
+        FilledButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            containerColor = ListifyColor.SplashYellow,
+            contentColor = Color.White,
+            text = "Update",
+            buttonIcon = null,
+            iconDescription = null,
+            onClick = { onEditFormSubmit() }
+        )
+        CustomOutlinedButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            border = BorderStroke(ButtonBorderStroke, color = Color.Red),
+            text = "Delete",
+            textColor = Color.Red,
+            onClick = { onDeleteItem() }
+        )
+    }
+}

app/src/main/java/com/example/listifyjetapp/components/formModals/EditListForm.kt

@@ -0,0 +1,58 @@
+package com.example.listifyjetapp.components.formModals
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.example.listifyjetapp.ui.theme.ButtonBorderStroke
+import com.example.listifyjetapp.ui.theme.ButtonPaddings
+import com.example.listifyjetapp.ui.theme.ButtonShape
+import com.example.listifyjetapp.ui.theme.ListifyColor
+import com.example.listifyjetapp.widgets.buttons.CustomOutlinedButton
+import com.example.listifyjetapp.widgets.buttons.FilledButton
+import com.example.listifyjetapp.widgets.inputFields.FormInputField
+
+@Composable
+fun EditListForm(
+    listName: String,
+    isError: Boolean,
+    onListNameChange: (String) -> Unit,
+    onEditFormSubmit: () -> Unit,
+    onDeleteItem: () -> Unit
+) {
+
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        FormInputField(
+            placerHolder = "e.g., grocery list",
+            textState = listName,
+            isError = isError,
+            onValueChange = onListNameChange
+        )
+
+        FilledButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            containerColor = ListifyColor.SplashYellow,
+            contentColor = Color.White,
+            text = "Update",
+            buttonIcon = null,
+            iconDescription = null,
+            onClick = { onEditFormSubmit() }
+        )
+        CustomOutlinedButton(
+            modifier = ButtonPaddings.fillMaxWidth(),
+            shape = ButtonShape,
+            border = BorderStroke(ButtonBorderStroke, color = Color.Red),
+            text = "Delete",
+            textColor = Color.Red,
+            onClick = { onDeleteItem() }
+        )
+    }
+}