[feat/#76] 출석 현황 아이템 연결

presentation/src/main/java/com/kusitms/presentation/ui/home/attend/curriItem.kt

@@ -1,54 +1,108 @@
 package com.kusitms.presentation.ui.home.attend
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
 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.modifier.modifierLocalMapOf
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.unit.dp
+import com.kusitms.domain.model.home.AttendCurrentModel
+import com.kusitms.presentation.common.ui.KusitmsMarginHorizontalSpacer
 import com.kusitms.presentation.common.ui.theme.KusitmsColorPalette
+import com.kusitms.presentation.common.ui.theme.KusitmsTypo
 import com.kusitms.presentation.model.home.attend.AttendViewModel
 
 
 @Composable
 fun CurriItem(
-    status: AttendViewModel.Status
+    model: AttendCurrentModel
 ) {
     Row(modifier = Modifier
         .fillMaxWidth()
         .height(78.dp),
         horizontalArrangement = Arrangement.SpaceBetween,
         verticalAlignment = Alignment.CenterVertically
     ) {
-
-
+        CurriTitleRow(model = model)
+        CurriBadge(model = model)
     }
 }
 
 @Composable
-fun CurriTitleRow(
-    title: String,
-    date: String,
-    status: AttendViewModel.Status
+fun CurriBadge(
+    model: AttendCurrentModel
 ) {
+    val status = AttendViewModel.Status.fromString(model.status) ?: AttendViewModel.Status.PRESENT
     val statusColor = when(status) {
         AttendViewModel.Status.PRESENT -> KusitmsColorPalette.current.Sub1
         AttendViewModel.Status.ABSENT, AttendViewModel.Status.LATE -> KusitmsColorPalette.current.Sub2
-        else -> ""
+        else -> KusitmsColorPalette.current.Grey600
+    }
+    Column(
+        modifier =  Modifier
+            .width(52.dp)
+            .fillMaxHeight(),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(2.dp, Alignment.CenterVertically)
+    ) {
+        Box(modifier = Modifier
+            .width(52.dp)
+            .wrapContentHeight()
+            .background(
+                color = KusitmsColorPalette.current.Grey600,
+                shape = RoundedCornerShape(40.dp)
+            )
+        ) {
+            Text(text = model.status,
+                style = KusitmsTypo.current.Text_Semibold,
+                color = statusColor,
+                modifier = Modifier.align(Alignment.Center)
+            )
+        }
+        Text(text = model.time,
+            style = KusitmsTypo.current.Caption1,
+            color = KusitmsColorPalette.current.Grey400,
+        )
     }
+}
+
+@Composable
+fun CurriTitleRow(
+    model: AttendCurrentModel
+) {
+    val status = AttendViewModel.Status.fromString(model.status) ?: AttendViewModel.Status.PRESENT
 
     Row(
         modifier = Modifier
             .wrapContentWidth()
             .fillMaxHeight(),
-        horizontalArrangement = Arrangement.SpaceBetween,
+        horizontalArrangement = Arrangement.Start,
         verticalAlignment = Alignment.CenterVertically
     ) {
-        status.toDrawable()
+        Icon(
+            painter = painterResource(id = status.toDrawable()),
+            contentDescription = "Status",
+            tint = Color.Unspecified
+        )
+        KusitmsMarginHorizontalSpacer(size = 24)
         Column(
+            horizontalAlignment = Alignment.Start,
+            verticalArrangement = Arrangement.spacedBy(4.dp, Alignment.CenterVertically)
         ) {
-
+            Text(text = model.curriculum,
+                style = KusitmsTypo.current.Text_Semibold,
+                color = KusitmsColorPalette.current.Grey100,
+            )
+            Text(text = model.date,
+                style = KusitmsTypo.current.Caption1,
+                color = KusitmsColorPalette.current.Grey400,
+            )
         }
     }
-
 }