Make page indicator scollable

Author: AmrDeveloper

app/src/main/java/com/amrdeveloper/linkhub/ui/components/PagerIndicator.kt

@@ -2,6 +2,7 @@ package com.amrdeveloper.linkhub.ui.components
 
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -12,13 +13,15 @@ import androidx.compose.foundation.pager.PagerState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.unit.dp
 import com.amrdeveloper.linkhub.R
+import kotlinx.coroutines.launch
 
 @Composable
 fun PagerIndicator(
@@ -27,6 +30,7 @@ fun PagerIndicator(
     selectedIndicatorColor: Color = colorResource(R.color.light_blue_200),
     unSelectedIndicatorColor: Color = colorResource(R.color.light_blue_900),
 ) {
+    val coroutineScope = rememberCoroutineScope()
     Row(
         modifier = modifier
             .fillMaxWidth()
@@ -40,7 +44,7 @@ fun PagerIndicator(
             else unSelectedIndicatorColor
 
             val size by animateDpAsState(
-                targetValue = if (isCurrentPage) 10.dp else 8.dp, label = "Indicator dor color"
+                targetValue = if (isCurrentPage) 10.dp else 8.dp, label = "Indicator dot size"
             )
 
             Box(
@@ -49,7 +53,12 @@ fun PagerIndicator(
                     .clip(CircleShape)
                     .background(indicatorColor)
                     .size(size)
+                    .clickable {
+                        coroutineScope.launch {
+                            pagerState.animateScrollToPage(iteration)
+                        }
+                    }
             )
         }
     }
-}
+}