Swipe to button

.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 {
@@ -13,7 +16,7 @@ android {
 
     defaultConfig {
         applicationId = "com.example.listifyjetapp"
-        minSdk = 31
+        minSdk = 26
         targetSdk = 35
         versionCode = 1
         versionName = "1.0"
@@ -28,6 +31,7 @@ android {
                 getDefaultProguardFile("proguard-android-optimize.txt"),
                 "proguard-rules.pro"
             )
+            signingConfig = signingConfigs.getByName("debug")
         }
     }
     compileOptions {
@@ -57,6 +61,7 @@ dependencies {
     implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
     implementation(libs.androidx.material3)
+    implementation(libs.androidx.compose.material)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
@@ -105,4 +110,29 @@ 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)
+
+    implementation(libs.androidx.foundation)   // androidx.compose.foundation:foundation
+
 }

app/src/main/java/com/example/listifyjetapp/MainActivity.kt

@@ -3,14 +3,9 @@ package com.example.listifyjetapp
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
-import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Scaffold
-import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -23,7 +18,7 @@ import dagger.hilt.android.AndroidEntryPoint
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        enableEdgeToEdge()
+        //enableEdgeToEdge()
         setContent {
             ListifyApp()
         }

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

@@ -0,0 +1,58 @@
+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(
+    onSignupClick: () -> Unit,
+    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 = { onSignupClick() }
+        )
+
+        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/copyToClip/CopyToClipboard.kt

@@ -0,0 +1,15 @@
+package com.example.listifyjetapp.components.copyToClip
+
+import android.annotation.SuppressLint
+import android.content.ClipData
+import android.content.ClipboardManager
+import android.content.Context
+import android.content.Context.CLIPBOARD_SERVICE
+
+@SuppressLint("ServiceCast")
+fun copyToClipboard(context: Context, text: String) {
+    val clipboardManager =
+        context.getSystemService(CLIPBOARD_SERVICE) as ClipboardManager
+    val clip = ClipData.newPlainText("code", text)
+    clipboardManager.setPrimaryClip(clip)
+}

app/src/main/java/com/example/listifyjetapp/components/dropdownMenu/AddNewListDropdown.kt

@@ -0,0 +1,39 @@
+package com.example.listifyjetapp.components.dropdownMenu
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.DropdownMenu
+import androidx.compose.material3.DropdownMenuItem
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun AddNewListDropdown(
+    isDropdownExpanded: Boolean,
+    onAddNewList: () -> Unit = {},
+    onJoinSharedList: () -> Unit = {},
+    onDropdownDismiss: () -> Unit
+) {
+    Box(
+        modifier = Modifier.padding(16.dp)
+    ) {
+        DropdownMenu(
+            expanded = isDropdownExpanded,
+            onDismissRequest = { onDropdownDismiss() }
+        ) {
+            DropdownMenuItem(
+                text = { Text("Create New List") },
+                onClick = {
+                    onAddNewList()
+                    onDropdownDismiss()
+                }
+            )
+            DropdownMenuItem(
+                text = { Text("Join Shared List") },
+                onClick = { onJoinSharedList() }
+            )
+        }
+    }
+}

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

@@ -0,0 +1,85 @@
+package com.example.listifyjetapp.components.formModals
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+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.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Dialog
+import com.example.listifyjetapp.ui.theme.ListifyColor
+import com.example.listifyjetapp.widgets.inputFields.FormInputField
+
+@Composable
+fun EditItemForm(
+    description: String,
+    units: String,
+    isError: Boolean,
+    onDescriptionChange: (String) -> Unit,
+    onUnitsChange: (String) -> Unit,
+    onEditFormSubmit: () -> Unit,
+    onDismissRequest: () -> Unit = {}
+) {
+
+    Dialog( onDismissRequest = { onDismissRequest() } ) {
+        Card(
+            modifier = Modifier.fillMaxWidth().padding(16.dp),
+            colors = CardDefaults.cardColors(Color.White),
+            shape = RoundedCornerShape(16.dp),
+        ) {
+            Column(
+                modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp),
+                verticalArrangement = Arrangement.Center,
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Text(
+                    text = "Rename List Item",
+                    style = MaterialTheme.typography.titleMedium,
+                    modifier = Modifier.padding(vertical = 24.dp)
+                )
+
+                FormInputField(
+                    placerHolder = "e.g., grocery list",
+                    textState = description,
+                    isError = isError,
+                    onValueChange = onDescriptionChange
+                )
+
+                FormInputField(
+                    placerHolder = "e.g., 1 lbs",
+                    textState = units,
+                    onValueChange = onUnitsChange
+                )
+
+                Row (
+                    modifier = Modifier.fillMaxWidth().padding(horizontal = 32.dp),
+                    horizontalArrangement = Arrangement.SpaceBetween,
+                ) {
+                    TextButton(
+                        content = { Text("Cancel", fontWeight = FontWeight.Bold, color = ListifyColor.blue) },
+                        onClick = { onDismissRequest() },
+                        modifier = Modifier.padding(8.dp),
+                    )
+
+                    TextButton(
+                        content = { Text("Save", color = ListifyColor.blue) },
+                        onClick = { onEditFormSubmit() },
+                        modifier = Modifier.padding(8.dp),
+                    )
+                }
+            }
+        }
+    }
+
+}