Migrate patient status view to Jetpack Compose (#5460)

https://app.shortcut.com/simpledotorg/story/15922/migrate-patient-status-view-to-jetpack-compose

---------

Co-authored-by: sagarwal <[email protected]>

Author: siddh1004

CHANGELOG.md

@@ -16,6 +16,7 @@
 - Migrate medical history summary view to Jetpack Compose
 - Migrate assigned facility view to Jetpack Compose
 - Migrate next appointment view to Jetpack Compose
+- Migrate patient status view to Jetpack Compose
 
 ## 2025.05.20
 

app/src/main/java/org/simple/clinic/summary/PatientSummaryScreen.kt

@@ -16,6 +16,9 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.ViewCompositionStrategy
+import androidx.compose.ui.res.dimensionResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.dynamicanimation.animation.DynamicAnimation
 import androidx.transition.AutoTransition
@@ -77,6 +80,7 @@ import org.simple.clinic.util.messagesender.WhatsAppMessageSender
 import org.simple.clinic.util.setFragmentResultListener
 import org.simple.clinic.util.toLocalDateAtZone
 import org.simple.clinic.widgets.UiEvent
+import org.simple.clinic.widgets.compose.PatientStatusView
 import org.simple.clinic.widgets.hideKeyboard
 import org.simple.clinic.widgets.scrollToChild
 import org.simple.clinic.widgets.spring
@@ -147,17 +151,14 @@ class PatientSummaryScreen :
   private val doneButtonFrame
     get() = binding.doneButtonFrame
 
-  private val patientDiedStatusView
-    get() = binding.patientDiedStatusView
-
   private val nextAppointmentFacilityView
     get() = binding.nextAppointmentFacilityView
 
   private val clinicalDecisionSupportAlertView
     get() = binding.clinicalDecisionSupportBpHighAlert.rootView
 
-  private val statinComposeView
-    get() = binding.statinComposeView
+  private val composeView
+    get() = binding.composeView
 
   @Inject
   lateinit var router: Router
@@ -197,6 +198,8 @@ class PatientSummaryScreen :
 
   private var statinInfo by mutableStateOf(StatinInfo.default())
 
+  private var showPatientDiedStatusView by mutableStateOf(false)
+
   override fun defaultModel(): PatientSummaryModel {
     return PatientSummaryModel.from(screenKey.intention, screenKey.patientUuid)
   }
@@ -295,7 +298,7 @@ class PatientSummaryScreen :
 
     subscriptions.add(setupChildViewVisibility())
 
-    statinComposeView.apply {
+    composeView.apply {
       setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
       setContent {
         SimpleTheme {
@@ -308,6 +311,18 @@ class PatientSummaryScreen :
               addBMIClick = { additionalEvents.notify(AddBMIClicked) },
               addCholesterol = { additionalEvents.notify(AddCholesterolClicked) }
           )
+
+          if (showPatientDiedStatusView) {
+            PatientStatusView(
+                modifier = Modifier.padding(
+                    start = dimensionResource(R.dimen.spacing_8),
+                    end = dimensionResource(R.dimen.spacing_8),
+                    top = dimensionResource(R.dimen.spacing_8),
+                ),
+                text = stringResource(R.string.patient_status_died),
+                icon = painterResource(R.drawable.ic_patient_dead_32dp)
+            )
+          }
         }
       }
     }
@@ -708,11 +723,11 @@ class PatientSummaryScreen :
   }
 
   override fun hidePatientDiedStatus() {
-    patientDiedStatusView.visibility = GONE
+    showPatientDiedStatusView = false
   }
 
   override fun showPatientDiedStatus() {
-    patientDiedStatusView.visibility = VISIBLE
+    showPatientDiedStatusView = true
   }
 
   override fun showNextAppointmentCard() {

app/src/main/java/org/simple/clinic/widgets/compose/PatientStatusView.kt

@@ -0,0 +1,64 @@
+package org.simple.clinic.widgets.compose
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Card
+import androidx.compose.material.Icon
+import androidx.compose.material.MaterialTheme
+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.graphics.painter.Painter
+import androidx.compose.ui.res.dimensionResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import org.simple.clinic.R
+import org.simple.clinic.common.ui.theme.SimpleTheme
+
+@Composable
+fun PatientStatusView(
+    text: String,
+    icon: Painter,
+    modifier: Modifier = Modifier,
+    iconTint: Color = MaterialTheme.colors.onError,
+    textColor: Color = MaterialTheme.colors.onError
+) {
+  Card(
+      modifier = modifier.fillMaxWidth(),
+      backgroundColor = MaterialTheme.colors.error
+  ) {
+    Row(
+        modifier = Modifier
+            .padding(dimensionResource(R.dimen.spacing_16)),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.spacedBy(dimensionResource(R.dimen.spacing_8))
+    ) {
+      Icon(
+          painter = icon,
+          contentDescription = null,
+          tint = iconTint
+      )
+      Text(
+          text = text,
+          style = MaterialTheme.typography.h6,
+          color = textColor
+      )
+    }
+  }
+}
+
+@Preview
+@Composable
+private fun PatientStatusDiedPreview() {
+  SimpleTheme {
+    PatientStatusView(
+        text = stringResource(id = R.string.patient_status_died),
+        icon = painterResource(id = R.drawable.ic_patient_dead_32dp)
+    )
+  }
+}

app/src/main/res/layout/screen_patient_summary.xml

@@ -48,25 +48,10 @@
         layout="@layout/view_clinical_decision_support_bp_high" />
 
       <androidx.compose.ui.platform.ComposeView
-        android:id="@+id/statin_compose_view"
+        android:id="@+id/compose_view"
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
 
-      <org.simple.clinic.widgets.PatientStatusView
-        android:id="@+id/patientDiedStatusView"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/spacing_8"
-        android:layout_marginTop="@dimen/spacing_8"
-        android:layout_marginEnd="@dimen/spacing_8"
-        android:visibility="gone"
-        app:cardBackgroundColor="?attr/colorError"
-        app:statusIcon="@drawable/ic_patient_dead_32dp"
-        app:statusIconTint="?attr/colorOnError"
-        app:statusText="@string/patient_status_died"
-        app:statusTextColor="?attr/colorOnError"
-        tools:visibility="visible" />
-
       <org.simple.clinic.summary.prescribeddrugs.DrugSummaryView
         android:id="@+id/drugSummaryView"
         android:layout_width="match_parent"