Add animated tile dismissal dialog to TabSwitcher

We want to show a dialog when the user taps the info panel, and explain what the panel is doing but allow the user to hide it if they really want to

Author: mikescamell

app/src/main/java/com/duckduckgo/app/tabs/ui/TabSwitcherActivity.kt

@@ -54,10 +54,14 @@ import com.duckduckgo.app.tabs.ui.TabSwitcherItem.TrackerAnimationInfoPanel
 import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command
 import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.Close
 import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.CloseAllTabsRequest
+import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.DismissAnimatedTileDismissalDialog
+import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.ShowAnimatedTileDismissalDialog
 import com.duckduckgo.appbuildconfig.api.AppBuildConfig
 import com.duckduckgo.common.ui.DuckDuckGoActivity
 import com.duckduckgo.common.ui.view.button.ButtonType.DESTRUCTIVE
+import com.duckduckgo.common.ui.view.button.ButtonType.GHOST
 import com.duckduckgo.common.ui.view.button.ButtonType.GHOST_ALT
+import com.duckduckgo.common.ui.view.dialog.DaxAlertDialog
 import com.duckduckgo.common.ui.view.dialog.TextAlertDialogBuilder
 import com.duckduckgo.common.ui.view.gone
 import com.duckduckgo.common.ui.view.hide
@@ -152,6 +156,8 @@ class TabSwitcherActivity : DuckDuckGoActivity(), TabSwitcherListener, Coroutine
     private var layoutTypeMenuItem: MenuItem? = null
     private var layoutType: LayoutType? = null
 
+    private var tabSwitcherAnimationTileRemovalDialog: DaxAlertDialog? = null
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_tab_switcher)
@@ -349,6 +355,8 @@ class TabSwitcherActivity : DuckDuckGoActivity(), TabSwitcherListener, Coroutine
         when (command) {
             is Close -> finishAfterTransition()
             is CloseAllTabsRequest -> showCloseAllTabsConfirmation()
+            ShowAnimatedTileDismissalDialog -> showAnimatedTileDismissalDialog()
+            DismissAnimatedTileDismissalDialog -> tabSwitcherAnimationTileRemovalDialog!!.dismiss()
         }
     }
 
@@ -571,6 +579,30 @@ class TabSwitcherActivity : DuckDuckGoActivity(), TabSwitcherListener, Coroutine
             .show()
     }
 
+    private fun showAnimatedTileDismissalDialog() {
+        tabSwitcherAnimationTileRemovalDialog = TextAlertDialogBuilder(this)
+            .setTitle(R.string.tabSwitcherAnimationTileRemovalDialogTitle)
+            .setMessage(R.string.tabSwitcherAnimationTileRemovalDialogBody)
+            .setPositiveButton(R.string.daxDialogGotIt)
+            .setNegativeButton(R.string.tabSwitcherAnimationTileRemovalDialogNegativeButton, GHOST)
+            .setCancellable(true)
+            .addEventListener(
+                object : TextAlertDialogBuilder.EventListener() {
+                    override fun onNegativeButtonClicked() {
+                        viewModel.onTrackerAnimationTileNegativeButtonClicked()
+                    }
+
+                    override fun onPositiveButtonClicked() {
+                        viewModel.onTrackerAnimationTilePositiveButtonClicked()
+                    }
+                },
+            )
+            .build()
+            .also { dialog ->
+                dialog.show()
+            }
+    }
+
     private fun configureOnBackPressedListener() {
         onBackPressedDispatcher.addCallback(
             this,

app/src/main/java/com/duckduckgo/app/tabs/ui/TabSwitcherViewModel.kt

@@ -38,6 +38,8 @@ import com.duckduckgo.app.tabs.model.TabSwitcherData.LayoutType.LIST
 import com.duckduckgo.app.tabs.store.TabSwitcherDataStore
 import com.duckduckgo.app.tabs.ui.TabSwitcherItem.Tab
 import com.duckduckgo.app.tabs.ui.TabSwitcherItem.TrackerAnimationInfoPanel
+import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.DismissAnimatedTileDismissalDialog
+import com.duckduckgo.app.tabs.ui.TabSwitcherViewModel.Command.ShowAnimatedTileDismissalDialog
 import com.duckduckgo.app.trackerdetection.api.WebTrackersBlockedAppRepository
 import com.duckduckgo.common.utils.DispatcherProvider
 import com.duckduckgo.common.utils.SingleLiveEvent
@@ -92,6 +94,8 @@ class TabSwitcherViewModel @Inject constructor(
     sealed class Command {
         data object Close : Command()
         data object CloseAllTabsRequest : Command()
+        data object ShowAnimatedTileDismissalDialog : Command()
+        data object DismissAnimatedTileDismissalDialog : Command()
     }
 
     suspend fun onNewTabRequested(fromOverflowMenu: Boolean) {
@@ -248,4 +252,16 @@ class TabSwitcherViewModel @Inject constructor(
             emit(tabSwitcherItems)
         }
     }
+
+    fun onTrackerAnimationTilePositiveButtonClicked() {
+        viewModelScope.launch {
+            command.value = DismissAnimatedTileDismissalDialog
+        }
+    }
+
+    fun onTrackerAnimationTileNegativeButtonClicked() {
+        viewModelScope.launch {
+            tabSwitcherDataStore.setIsAnimationTileDismissed(isDismissed = true)
+        }
+    }
 }

app/src/main/res/values/donottranslate.xml

@@ -82,4 +82,8 @@
     <!--    Bottom Navigation Bar Experiment-->
     <string name="refreshPage">Refresh Page</string>
 
+    <!--TabSwitcher Animation Tile Dialog-->
+    <string name="tabSwitcherAnimationTileRemovalDialogTitle">DuckDuckGo blocks trackers to protect your browsing</string>
+    <string name="tabSwitcherAnimationTileRemovalDialogBody">Clearing your tabs and data will delete your tracker blocking history and reset this number to zero.\n\nHide this banner if you\'d prefer not to see it in the tabs view.</string>
+    <string name="tabSwitcherAnimationTileRemovalDialogNegativeButton">Hide Banner</string>
 </resources>