feature: change UI travel card

Modify font and exchange Title and Date in the card in the screen TravelList
TravelPouch · Dec 11, 2024 · 09cd968 · 09cd968
1 parent e31af53
commit 09cd968
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/app/src/main/java/com/github/se/travelpouch/ui/home/TravelList.kt b/app/src/main/java/com/github/se/travelpouch/ui/home/TravelList.kt
@@ -28,6 +28,7 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.KeyboardArrowRight
 import androidx.compose.material.icons.automirrored.filled.Logout
 import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.filled.Adjust
 import androidx.compose.material.icons.filled.Close
 import androidx.compose.material.icons.filled.Menu
 import androidx.compose.material.icons.filled.StopCircle
@@ -370,17 +371,17 @@ fun TravelItem(travelContainer: TravelContainer, onClick: () -> Unit) {
           Row(
               modifier = Modifier.fillMaxWidth(),
               horizontalArrangement = Arrangement.SpaceBetween) {
-                Text(
-                    text =
-                        SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
-                            .format(travelContainer.startTime.toDate()),
-                    style = MaterialTheme.typography.bodySmall)
+              Text(
+                  text = travelContainer.title,
+                  style = MaterialTheme.typography.bodyMedium,
+                  fontWeight = FontWeight.Bold)
 
                 Row(verticalAlignment = Alignment.CenterVertically) {
-                  Text(
-                      text = travelContainer.title,
-                      style = MaterialTheme.typography.bodySmall,
-                      fontWeight = FontWeight.Bold)
+                    Text(
+                        text =
+                        SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
+                            .format(travelContainer.startTime.toDate()),
+                        style = MaterialTheme.typography.bodySmall)
                   Icon(
                       imageVector = Icons.AutoMirrored.Filled.KeyboardArrowRight,
                       contentDescription = null)
@@ -390,13 +391,15 @@ fun TravelItem(travelContainer: TravelContainer, onClick: () -> Unit) {
           Spacer(modifier = Modifier.height(4.dp))
 
           // Description
-          Text(text = travelContainer.description, style = MaterialTheme.typography.bodyMedium)
+          Text(text = travelContainer.description,
+              style = MaterialTheme.typography.bodySmall,
+                fontWeight = FontWeight.Normal)
 
           // Location Name
           Text(
               text = travelContainer.location.name,
               style = MaterialTheme.typography.bodySmall,
-              fontWeight = FontWeight.Light)
+              fontWeight = FontWeight.ExtraLight)
         }
       }
 }
@@ -454,7 +457,7 @@ fun ResizableStowableMapWithGoogleMap(
                   clip = true
                 }
                 .height(latchDp)
-                .background(MaterialTheme.colorScheme.tertiary)
+                .background(MaterialTheme.colorScheme.errorContainer)
                 .draggable(
                     orientation = Orientation.Vertical,
                     state =
@@ -463,7 +466,7 @@ fun ResizableStowableMapWithGoogleMap(
                               delta, density, mapHeight, maxHeight, minHeight, belowThreshold)
                         })) {
           Icon(
-              imageVector = Icons.Default.StopCircle,
+              imageVector = Icons.Default.Adjust,
               contentDescription = "MapLatch",
               modifier = Modifier.align(Alignment.Center))
         }