From dba5b07284fe0634bbb2de353dcb147c1265dafc Mon Sep 17 00:00:00 2001
From: Dark-Knight11 <vedantbhamare11@gmail.com>
Date: Sat, 12 Nov 2022 00:00:07 +0530
Subject: [PATCH] Add swipe gesture in Interests screen

Adding Swipe gesture to move/navigate between Topics and People tabs in InterestsScreen.
Used Horizontal Pager From Accompanist Library to implement this feature.

Ref: #53
---
 feature/interests/build.gradle.kts            |  3 ++
 .../feature/interests/InterestsScreen.kt      | 46 +++++++++++++------
 gradle/libs.versions.toml                     |  1 +
 3 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/feature/interests/build.gradle.kts b/feature/interests/build.gradle.kts
index de3f7854b..b963c4dcd 100644
--- a/feature/interests/build.gradle.kts
+++ b/feature/interests/build.gradle.kts
@@ -21,3 +21,6 @@ plugins {
 android {
     namespace = "com.google.samples.apps.nowinandroid.feature.interests"
 }
+dependencies {
+    implementation(libs.accompanist.pager)
+}
diff --git a/feature/interests/src/main/java/com/google/samples/apps/nowinandroid/feature/interests/InterestsScreen.kt b/feature/interests/src/main/java/com/google/samples/apps/nowinandroid/feature/interests/InterestsScreen.kt
index ab50ea0b6..9846d2178 100644
--- a/feature/interests/src/main/java/com/google/samples/apps/nowinandroid/feature/interests/InterestsScreen.kt
+++ b/feature/interests/src/main/java/com/google/samples/apps/nowinandroid/feature/interests/InterestsScreen.kt
@@ -17,13 +17,16 @@
 package com.google.samples.apps.nowinandroid.feature.interests
 
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Text
 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.res.stringResource
+import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.ExperimentalLifecycleComposeApi
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -38,6 +41,10 @@ import com.google.samples.apps.nowinandroid.core.model.data.previewAuthors
 import com.google.samples.apps.nowinandroid.core.model.data.previewTopics
 import com.google.samples.apps.nowinandroid.core.ui.DevicePreviews
 import com.google.samples.apps.nowinandroid.core.ui.TrackDisposableJank
+import kotlinx.coroutines.launch
+import com.google.accompanist.pager.ExperimentalPagerApi
+import com.google.accompanist.pager.HorizontalPager
+import com.google.accompanist.pager.rememberPagerState
 
 @OptIn(ExperimentalLifecycleComposeApi::class)
 @Composable
@@ -107,6 +114,7 @@ internal fun InterestsScreen(
     }
 }
 
+@OptIn(ExperimentalPagerApi::class)
 @Composable
 private fun InterestsContent(
     tabState: InterestsTabState,
@@ -119,29 +127,41 @@ private fun InterestsContent(
     modifier: Modifier = Modifier
 ) {
     Column(modifier) {
-        NiaTabRow(selectedTabIndex = tabState.currentIndex) {
+        val pagerState = rememberPagerState()
+        val scope = rememberCoroutineScope()
+        NiaTabRow(selectedTabIndex = pagerState.currentPage) {
             tabState.titles.forEachIndexed { index, titleId ->
                 NiaTab(
-                    selected = index == tabState.currentIndex,
-                    onClick = { switchTab(index) },
+                    selected = pagerState.currentPage == index,
+                    onClick = {
+                        switchTab(index)
+                        scope.launch {
+                            pagerState.scrollToPage(index)
+                        }
+                    },
                     text = { Text(text = stringResource(id = titleId)) }
                 )
             }
         }
-        when (tabState.currentIndex) {
-            0 -> {
-                TopicsTabContent(
+        HorizontalPager(
+            state = pagerState,
+            count = tabState.titles.size,
+            verticalAlignment = Alignment.Top,
+            contentPadding = PaddingValues(top = 12.dp),
+        ) { index ->
+            when (index) {
+                0 -> TopicsTabContent(
                     topics = uiState.topics,
                     onTopicClick = navigateToTopic,
                     onFollowButtonClick = followTopic,
                 )
-            }
-            1 -> {
-                AuthorsTabContent(
-                    authors = uiState.authors,
-                    onAuthorClick = navigateToAuthor,
-                    onFollowButtonClick = followAuthor,
-                )
+                1 -> {
+                    AuthorsTabContent(
+                        authors = uiState.authors,
+                        onAuthorClick = navigateToAuthor,
+                        onFollowButtonClick = followAuthor,
+                    )
+                }
             }
         }
     }
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 8d13d36d5..b4f427270 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -49,6 +49,7 @@ turbine = "0.12.1"
 [libraries]
 accompanist-flowlayout = { group = "com.google.accompanist", name = "accompanist-flowlayout", version.ref = "accompanist" }
 accompanist-systemuicontroller = { group = "com.google.accompanist", name = "accompanist-systemuicontroller", version.ref = "accompanist" }
+accompanist-pager = { group = "com.google.accompanist", name = "accompanist-pager", version.ref = "accompanist" }
 android-desugarJdkLibs = { group = "com.android.tools", name = "desugar_jdk_libs", version.ref = "androidDesugarJdkLibs" }
 androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "androidxActivity" }
 androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "androidxAppCompat" }