1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
package org.mozilla.fenix.tabstray.browser
import android.view.View
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.platform.ComposeView
import androidx.lifecycle.LifecycleOwner
import mozilla.components.lib.state.ext.observeAsComposableState
import mozilla.telemetry.glean.private.NoExtras
import org.mozilla.fenix.R
import org.mozilla.fenix.components.FenixSnackbar
import org.mozilla.fenix.components.components
import org.mozilla.fenix.compose.ComposeViewHolder
import org.mozilla.fenix.tabstray.TabsTrayFragment
import org.mozilla.fenix.tabstray.TabsTrayState
import org.mozilla.fenix.tabstray.TabsTrayStore
import org.mozilla.fenix.tabstray.TrayPagerAdapter
import org.mozilla.fenix.tabstray.inactivetabs.InactiveTabsList
import org.mozilla.fenix.GleanMetrics.TabsTray as TabsTrayMetrics
/**
* The [ComposeViewHolder] for displaying the section of inactive tabs in [TrayPagerAdapter].
*
* @param composeView [ComposeView] which will be populated with Jetpack Compose UI content.
* @param lifecycleOwner [LifecycleOwner] to which this Composable will be tied to.
* @param tabsTrayStore [TabsTrayStore] used to listen for changes to [TabsTrayState.inactiveTabs].
* @param interactor [InactiveTabsInteractor] used to respond to interactions with the inactive tabs header
* and the auto close dialog.
*/
class InactiveTabViewHolder(
composeView: ComposeView,
lifecycleOwner: LifecycleOwner,
private val tabsTrayStore: TabsTrayStore,
private val interactor: InactiveTabsInteractor,
) : ComposeViewHolder(composeView, lifecycleOwner) {
@Composable
override fun Content() {
val expanded = components.appStore
.observeAsComposableState { state -> state.inactiveTabsExpanded }.value ?: false
val inactiveTabs = tabsTrayStore
.observeAsComposableState { state -> state.inactiveTabs }.value ?: emptyList()
val showInactiveTabsAutoCloseDialog =
components.settings.shouldShowInactiveTabsAutoCloseDialog(inactiveTabs.size)
var showAutoClosePrompt by remember { mutableStateOf(showInactiveTabsAutoCloseDialog) }
if (showInactiveTabsAutoCloseDialog) {
TabsTrayMetrics.autoCloseSeen.record(NoExtras())
}
if (inactiveTabs.isNotEmpty()) {
InactiveTabsList(
inactiveTabs = inactiveTabs,
expanded = expanded,
showAutoCloseDialog = showAutoClosePrompt,
showCFR = false, // The CFR in XML is handled by [TabsTrayInactiveTabsOnboardingBinding]
onHeaderClick = { interactor.onInactiveTabsHeaderClicked(!expanded) },
onDeleteAllButtonClick = interactor::onDeleteAllInactiveTabsClicked,
onAutoCloseDismissClick = {
interactor.onAutoCloseDialogCloseButtonClicked()
showAutoClosePrompt = !showAutoClosePrompt
},
onEnableAutoCloseClick = {
interactor.onEnableAutoCloseClicked()
showAutoClosePrompt = !showAutoClosePrompt
showConfirmationSnackbar()
},
onTabClick = interactor::onInactiveTabClicked,
onTabCloseClick = interactor::onInactiveTabClosed,
onCFRShown = {},
onCFRClick = {},
onCFRDismiss = {},
)
}
}
override val allowPrivateTheme: Boolean
get() = false
private fun showConfirmationSnackbar() {
val context = composeView.context
val text = context.getString(R.string.inactive_tabs_auto_close_message_snackbar)
val snackbar = FenixSnackbar.make(
view = composeView,
duration = FenixSnackbar.LENGTH_SHORT,
isDisplayedWithBrowserToolbar = true,
).setText(text)
snackbar.view.elevation = TabsTrayFragment.ELEVATION
snackbar.show()
}
companion object {
val LAYOUT_ID = View.generateViewId()
}
}
|