From 83fc6f75ca158f08b8ca210500697ae57687e1cd Mon Sep 17 00:00:00 2001
From: Freeze <rain-ilia@rambler.ru>
Date: Thu, 30 Nov 2023 14:31:00 +0100
Subject: [PATCH] feed tabs support

---
 .../freezerain/dogtok/composables/MainFeed.kt | 79 ++++++++++++++++---
 .../com/freezerain/dogtok/data/TabItem.kt     | 10 +++
 2 files changed, 80 insertions(+), 9 deletions(-)
 create mode 100644 app/src/main/java/com/freezerain/dogtok/data/TabItem.kt

diff --git a/app/src/main/java/com/freezerain/dogtok/composables/MainFeed.kt b/app/src/main/java/com/freezerain/dogtok/composables/MainFeed.kt
index d8d1459..d98cd0c 100644
--- a/app/src/main/java/com/freezerain/dogtok/composables/MainFeed.kt
+++ b/app/src/main/java/com/freezerain/dogtok/composables/MainFeed.kt
@@ -1,19 +1,80 @@
 package com.freezerain.dogtok.composables
 
+import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.pager.HorizontalPager
+import androidx.compose.foundation.pager.rememberPagerState
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Build
+import androidx.compose.material.icons.filled.FavoriteBorder
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Tab
+import androidx.compose.material3.TabRow
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
+import com.freezerain.dogtok.data.TabItem
+import kotlinx.coroutines.launch
+
+@OptIn(ExperimentalFoundationApi::class, ExperimentalMaterial3Api::class)
 @Composable
-fun MainFeed (
-	modifier: Modifier = Modifier
+fun MainFeed(
+    modifier: Modifier = Modifier
 ) {
-	val localModifier = Modifier.padding(5.dp)
-	Column(localModifier.then(modifier)) {
-		// TODO Use both types of Pager
-		// maybe create 2 tabs with each of them
-		//MainPager()
-		ReactivePager()
-	}
+    val localModifier = Modifier.padding(5.dp)
+    val coroutineScope = rememberCoroutineScope()
+    val paddingValues = PaddingValues(5.dp)
+    val tabs = remember {
+        listOf(
+            TabItem(
+                title = "Reactive pager",
+                icon = Icons.Filled.FavoriteBorder,
+                screen = { ReactivePager() }),
+            TabItem(
+                title = "Foundation pager",
+                icon = Icons.Filled.Build,
+                screen = { MainPager() }),
+        )
+    }
+    val pagerState = rememberPagerState(
+        initialPage = 0,
+        initialPageOffsetFraction = 0f,
+    ) {
+        tabs.size
+    }
+
+    Column(
+        modifier = localModifier.then(modifier).then(Modifier.padding(paddingValues))
+    ) {
+        TabRow(selectedTabIndex = pagerState.currentPage) {
+            tabs.forEachIndexed { index, tabItem ->
+                Tab(
+                    selected = pagerState.currentPage == index,
+                    onClick = { coroutineScope.launch { pagerState.animateScrollToPage(index) } },
+                    text = {
+                        Text(
+                            text = tabItem.title,
+                            maxLines = 1,
+                            overflow = TextOverflow.Ellipsis
+                        )
+                    },
+                    //icon = { Icon(tabItem.icon, "") }
+                )
+            }
+        }
+        HorizontalPager(
+            state = pagerState
+        ) { page ->
+            tabs[page].screen()
+        }
+
+    }
 }
+
+
diff --git a/app/src/main/java/com/freezerain/dogtok/data/TabItem.kt b/app/src/main/java/com/freezerain/dogtok/data/TabItem.kt
new file mode 100644
index 0000000..01785ca
--- /dev/null
+++ b/app/src/main/java/com/freezerain/dogtok/data/TabItem.kt
@@ -0,0 +1,10 @@
+package com.freezerain.dogtok.data
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.vector.ImageVector
+
+data class TabItem(
+    val title:String,
+    val icon: ImageVector,
+    val screen: @Composable () -> Unit
+)
\ No newline at end of file