refactor #2469: migrated recent transaction to compose

app/build.gradle.kts

@@ -167,6 +167,10 @@ dependencies {
     api(libs.androidx.compose.runtime)
     api(libs.androidx.compose.ui.tooling.preview)
     api(libs.androidx.compose.ui.util)
+    api(libs.androidx.lifecycle.viewModelCompose)
+    api(libs.androidx.hilt.navigation.compose)
+    api(libs.androidx.lifecycle.runtimeCompose)
+    implementation ("com.google.accompanist:accompanist-swiperefresh:0.27.0")
 
     debugApi(libs.androidx.compose.ui.tooling)
 }

app/src/main/java/org/mifos/mobile/ui/activities/HomeActivity.kt

@@ -39,6 +39,7 @@ import org.mifos.mobile.ui.getThemeAttributeColor
 import org.mifos.mobile.ui.help.HelpActivity
 import org.mifos.mobile.ui.home.HomeOldFragment
 import org.mifos.mobile.ui.login.LoginActivity
+import org.mifos.mobile.ui.recent_transaction.RecentTransactionsFragment
 import org.mifos.mobile.utils.Constants
 import org.mifos.mobile.utils.TextDrawable
 import org.mifos.mobile.utils.Toaster

app/src/main/java/org/mifos/mobile/ui/recent_transaction/RecentTransactionItem.kt

@@ -0,0 +1,58 @@
+package org.mifos.mobile.ui.recent_transaction
+
+import androidx.compose.foundation.Image
+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.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import org.mifos.mobile.R
+
+/**
+ * @author pratyush
+ * @since 03/01/2024
+ */
+
+@Composable
+fun RecentTransactionItem(amount: String, date: String, value: String) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(8.dp)
+    ) {
+        Image(
+            modifier = Modifier.size(39.dp),
+            painter = painterResource(id = R.drawable.ic_local_atm_black_24dp),
+            contentDescription = null
+        )
+
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(start = 8.dp)
+        ) {
+            Text(text = value, color = Color.White)
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceBetween
+            ) {
+                Text(text = amount, color = Color.White)
+                Text(text = date, color = Color.White)
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+fun RecentTransactionItemPreview() {
+    RecentTransactionItem(amount = "amount", date = "date", value = "value")
+}