Refactor HistoryList composable

data/calculator/src/main/java/com/sadellie/unitto/data/calculator/CalculatorRepository.kt

@@ -59,6 +59,7 @@ class CalculatorHistoryRepository @Inject constructor(
     private fun List<CalculatorHistoryEntity>.toHistoryItemList(): List<HistoryItem> {
         return this.map {
             HistoryItem(
+                id = it.entityId,
                 date = Date(it.timestamp),
                 expression = it.expression,
                 result = it.result

data/model/src/main/java/com/sadellie/unitto/data/model/HistoryItem.kt

@@ -18,9 +18,10 @@
 
 package com.sadellie.unitto.data.model
 
-import java.util.*
+import java.util.Date
 
 data class HistoryItem(
+    val id: Int,
     val date: Date,
     val expression: String,
     val result: String

feature/calculator/src/main/java/com/sadellie/unitto/feature/calculator/CalculatorScreen.kt

@@ -339,6 +339,7 @@ private fun PreviewCalculatorScreen() {
         "14.07.2005 23:59:19",
     ).map {
         HistoryItem(
+            id = it.hashCode(),
             date = dtf.parse(it)!!,
             expression = "12345".repeat(10),
             result = "1234"

feature/calculator/src/main/java/com/sadellie/unitto/feature/calculator/components/HistoryList.kt

@@ -27,6 +27,7 @@ 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.layout.wrapContentHeight
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.rememberScrollState
@@ -39,7 +40,6 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -75,27 +75,35 @@ internal fun HistoryList(
     formatterSymbols: FormatterSymbols,
     addTokens: (String) -> Unit,
 ) {
-    val verticalArrangement by remember(historyItems) {
-        derivedStateOf {
     if (historyItems.isEmpty()) {
-                Arrangement.Center
+        HistoryListPlaceholder(
+            modifier = modifier,
+            historyItemHeightCallback = historyItemHeightCallback
+        )
     } else {
-                Arrangement.spacedBy(16.dp, Alignment.Bottom)
+        HistoryListContent(
-            }
+            modifier = modifier,
+            historyItems = historyItems,
+            addTokens = addTokens,
+            formatterSymbols = formatterSymbols,
+            historyItemHeightCallback = historyItemHeightCallback
+        )
     }
 }
 
-    LazyColumn(
+@Composable
-        modifier = modifier,
+private fun HistoryListPlaceholder(
-        reverseLayout = true,
+    modifier: Modifier,
-        verticalArrangement = verticalArrangement
+    historyItemHeightCallback: (Int) -> Unit
+) {
+    Column(
+        modifier = modifier.wrapContentHeight(unbounded = true),
+        verticalArrangement = Arrangement.Center
     ) {
-        if (historyItems.isEmpty()) {
-            item {
         Column(
             modifier = Modifier
                 .onPlaced { historyItemHeightCallback(it.size.height) }
-                        .fillParentMaxWidth()
+                .fillMaxWidth()
                 .padding(vertical = 32.dp),
             verticalArrangement = Arrangement.Center,
             horizontalAlignment = Alignment.CenterHorizontally
@@ -104,9 +112,26 @@ internal fun HistoryList(
             Text(stringResource(R.string.calculator_no_history))
         }
     }
-        } else {
+}
+
+@Composable
+private fun HistoryListContent(
+    modifier: Modifier,
+    historyItems: List<HistoryItem>,
+    addTokens: (String) -> Unit,
+    formatterSymbols: FormatterSymbols,
+    historyItemHeightCallback: (Int) -> Unit
+) {
+    val firstItem by remember { mutableStateOf(historyItems.first()) }
+    val restOfTheItems by remember { mutableStateOf(historyItems.drop(1)) }
+
+    LazyColumn(
+        modifier = modifier,
+        reverseLayout = true,
+        verticalArrangement = Arrangement.spacedBy(16.dp, Alignment.Bottom)
+    ) {
         // We do this so that callback for items height is called only once
-            item {
+        item(firstItem.id) {
             HistoryListItem(
                 modifier = Modifier.onPlaced { historyItemHeightCallback(it.size.height) },
                 historyItem = historyItems.first(),
@@ -114,7 +139,8 @@ internal fun HistoryList(
                 addTokens = addTokens,
             )
         }
-            items(historyItems.drop(1)) { historyItem ->
+
+        items(restOfTheItems, { it.id }) { historyItem ->
             HistoryListItem(
                 modifier = Modifier,
                 historyItem = historyItem,
@@ -124,7 +150,6 @@ internal fun HistoryList(
         }
     }
 }
-}
 
 @Composable
 private fun HistoryListItem(
@@ -226,6 +251,7 @@ private fun PreviewHistoryList() {
         "14.07.2005 23:59:19",
     ).map {
         HistoryItem(
+            id = it.hashCode(),
             date = dtf.parse(it)!!,
             expression = "12345".repeat(10),
             result = "67890"