Toasts v59

[jvsena42]

FIGMA

Description

This PR implements the toasts v59

Preview

Screen_recording_20251205_173152.webm

QA Notes

To mock more easily:

                        TabBar(
                            hazeState = hazeState,
                            onSendClick = { appViewModel.toast(
                                Toast(
                                    type = Toast.ToastType.SUCCESS,
                                    title = "You're Back Online!",
                                    description = "Successfully reconnected to the Internet.",
                                    autoHide = true,
                                )
                            ) },
                            onReceiveClick = { appViewModel.toast(
                                Toast(
                                    type = Toast.ToastType.INFO,
                                    title = "General Message",
                                    description = "Used for neutral content to inform the user.",
                                    autoHide = false,
                                )
                            ) },
                            onScanClick = { navController.navigateToScanner() },
                            modifier = Modifier.align(Alignment.BottomCenter)
                        )

[Copilot]

Pull request overview

This PR implements the new toasts design (v59) with significant visual and interaction improvements. The changes introduce a modern glassmorphic appearance using Haze effects, swipe-to-dismiss gesture support, and improved animations.

Key Changes

• Added swipe-to-dismiss gesture support with upward drag detection and spring-back animation
• Replaced gradient backgrounds with glassmorphic Haze effects for a modern iOS-style appearance
• Improved toast positioning and visual hierarchy with better shadows and spacing

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 5 comments.

File	Description
ToastView.kt	Complete redesign of toast UI with Haze effects, drag gestures, improved animations, and updated preview examples
MainActivity.kt	Added HazeState initialization and integration to enable the new glassmorphic toast appearance

[ovitrif]

tAck w. some nits

[jvsena42]

Draft to implement adjustments

[jvsena42]

Screen_recording_20251208_145157.webm

Adjustments implemented

[ovitrif]

tACK

Great UI/UX 🥇

Will extract this issue:

---

Polish Toasts

The last tweak for toasts UI/UX would be to dismiss towards the swiped direction, right now it always animates towards the top.

But this more in scope for another PR which should mainly fix the animation in case of multiple toasts, ie.; Get rid of the auto-dismiss mid-transition which cancels both toasts when a new toast is triggered while an old one is showing.

Recording

transitionsIssues.mp4

[ovitrif]

@jvsena42 e2e keeps failing at @send_2.

Pinged @piotr-iohk to check for the root cause, it seems a bit surreal that it can't find the DrawerSettings if I am to follow my understanding of the logged error:

Error log line:
https://github.com/synonymdev/bitkit-android/actions/runs/20037542336/job/57467703647?pr=500#step:14:267

[jvsena42]

@jvsena42 e2e keeps failing at @send_2.

Pinged @piotr-iohk to check for the root cause, it seems a bit surreal that it can't find the DrawerSettings if I am to follow my understanding of the logged error:

Error log line:
https://github.com/synonymdev/bitkit-android/actions/runs/20037542336/job/57467703647?pr=500#step:14:267

I checked the video, the drawer is displayed
I suspected the toast could be in front of the drawer and the test fail due to some race condition

[piotr-iohk]

The tests have been updated and pass now. I also pushed here 0a25d0a a test tag for SpendingBalanceReadyToast.

Unrelated to this PR, but created this ticket as @onboarding_2 fails randomly recently: #507