🛠️ Add .animateItem() modifier to Reader Chapter/Separator

app/src/main/java/ua/acclorite/book_story/presentation/reader/ReaderLayoutTextChapter.kt

@@ -1,9 +1,11 @@
 package ua.acclorite.book_story.presentation.reader
 
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyItemScope
 import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
@@ -21,7 +23,7 @@ import ua.acclorite.book_story.domain.reader.ReaderTextAlignment
 import ua.acclorite.book_story.presentation.core.components.common.HighlightedText
 
 @Composable
-fun ReaderLayoutTextChapter(
+fun LazyItemScope.ReaderLayoutTextChapter(
     chapter: Chapter,
     chapterTitleAlignment: ReaderTextAlignment,
     fontColor: Color,
@@ -29,33 +31,42 @@ fun ReaderLayoutTextChapter(
     highlightedReading: Boolean,
     highlightedReadingThickness: FontWeight
 ) {
-    Spacer(modifier = Modifier.height(22.dp))
+    Column(
-    if (highlightedReading) {
+        Modifier
-        HighlightedText(
+            .animateItem(
-            text = rememberSaveable(saver = AnnotatedString.Saver) {
+                fadeInSpec = null,
-                buildAnnotatedString { append(chapter.title) }
+                fadeOutSpec = null
-            },
+            )
-            highlightThickness = highlightedReadingThickness,
+            .fillMaxWidth()
-            style = MaterialTheme.typography.headlineMedium.copy(
+    ) {
+        Spacer(modifier = Modifier.height(22.dp))
+        if (highlightedReading) {
+            HighlightedText(
+                text = rememberSaveable(saver = AnnotatedString.Saver) {
+                    buildAnnotatedString { append(chapter.title) }
+                },
+                highlightThickness = highlightedReadingThickness,
+                style = MaterialTheme.typography.headlineMedium.copy(
+                    color = fontColor,
+                    textAlign = chapterTitleAlignment.textAlignment
+                ),
+                modifier = Modifier
+                    .padding(horizontal = sidePadding)
+                    .fillMaxWidth()
+            )
+        } else {
+            Text(
+                text = chapter.title,
+                textAlign = chapterTitleAlignment.textAlignment,
+                style = MaterialTheme.typography.headlineMedium,
                 color = fontColor,
-                textAlign = chapterTitleAlignment.textAlignment
+                modifier = Modifier
-            ),
+                    .padding(horizontal = sidePadding)
-            modifier = Modifier
+                    .fillMaxWidth()
-                .padding(horizontal = sidePadding)
+            )
-                .fillMaxWidth()
+        }
-        )
+        Spacer(modifier = Modifier.height(16.dp))
-    } else {
+        HorizontalDivider(color = fontColor.copy(0.4f))
-        Text(
+        Spacer(modifier = Modifier.height(16.dp))
-            text = chapter.title,
-            textAlign = chapterTitleAlignment.textAlignment,
-            style = MaterialTheme.typography.headlineMedium,
-            color = fontColor,
-            modifier = Modifier
-                .padding(horizontal = sidePadding)
-                .fillMaxWidth()
-        )
     }
-    Spacer(modifier = Modifier.height(16.dp))
-    HorizontalDivider(color = fontColor.copy(0.4f))
-    Spacer(modifier = Modifier.height(16.dp))
 }

app/src/main/java/ua/acclorite/book_story/presentation/reader/ReaderLayoutTextSeparator.kt

@@ -1,6 +1,7 @@
 package ua.acclorite.book_story.presentation.reader
 
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyItemScope
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.HorizontalDivider
 import androidx.compose.runtime.Composable
@@ -11,13 +12,17 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 
 @Composable
-fun ReaderLayoutTextSeparator(
+fun LazyItemScope.ReaderLayoutTextSeparator(
     sidePadding: Dp,
     fontColor: Color
 ) {
     HorizontalDivider(
         thickness = 3.dp,
         modifier = Modifier
+            .animateItem(
+                fadeInSpec = null,
+                fadeOutSpec = null
+            )
             .padding(horizontal = sidePadding)
             .clip(CircleShape),
         color = fontColor.copy(0.3f)