Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: white panel when the bottom sheet is launched #20167

Closed
wants to merge 2 commits into from

Conversation

jo-mut
Copy link
Member

@jo-mut jo-mut commented May 24, 2024

fixes #20114

Summary

The white panel appears when the user initiates any action that launches the bottom sheet. This component does not have a theme property when I inspected it using re-frisk but we do have the global theme value of the app.

In this pr we get this global value of the applied theme and use that to determine which background needs to be applied on the navigation bar.

The issue is resolved

Screen_Recording_20240524_101819_Status_Debug.mp4

status: ready

@jo-mut jo-mut requested a review from Parveshdhull May 24, 2024 08:32
@status-github-bot status-github-bot bot added this to REVIEW in Pipeline for QA May 24, 2024
@jo-mut jo-mut requested review from ilmotta and flexsurfer May 24, 2024 08:32
@status-im-auto
Copy link
Member

status-im-auto commented May 24, 2024

Jenkins Builds

Click to see older builds (24)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 21a6301 #1 2024-05-24 08:36:26 ~4 min tests 📄log
✔️ 21a6301 #1 2024-05-24 08:39:40 ~7 min android-e2e 🤖apk 📲
✔️ 21a6301 #1 2024-05-24 08:39:41 ~7 min android 🤖apk 📲
✔️ 21a6301 #1 2024-05-24 08:42:10 ~9 min ios 📱ipa 📲
a943dc4 #2 2024-05-24 10:47:27 ~3 min tests 📄log
✔️ a943dc4 #2 2024-05-24 10:50:34 ~6 min android-e2e 🤖apk 📲
✔️ a943dc4 #2 2024-05-24 10:51:23 ~7 min android 🤖apk 📲
✔️ a943dc4 #2 2024-05-24 10:54:13 ~9 min ios 📱ipa 📲
✔️ 7d40f81 #3 2024-05-24 11:38:29 ~4 min tests 📄log
✔️ 7d40f81 #3 2024-05-24 11:41:12 ~7 min android-e2e 🤖apk 📲
✔️ 7d40f81 #3 2024-05-24 11:41:13 ~7 min android 🤖apk 📲
✔️ 7d40f81 #3 2024-05-24 11:44:55 ~10 min ios 📱ipa 📲
4680ea1 #4 2024-05-24 12:50:44 ~2 min tests 📄log
✔️ 5c5b0de #5 2024-05-24 12:56:01 ~4 min tests 📄log
✔️ e8434e6 #6 2024-05-24 13:00:40 ~3 min tests 📄log
✔️ e8434e6 #6 2024-05-24 13:03:59 ~7 min android-e2e 🤖apk 📲
✔️ e8434e6 #6 2024-05-24 13:04:07 ~7 min android 🤖apk 📲
✔️ b753185 #7 2024-05-24 13:08:51 ~3 min tests 📄log
✔️ b753185 #7 2024-05-24 13:12:06 ~7 min android-e2e 🤖apk 📲
✔️ b753185 #7 2024-05-24 13:12:11 ~7 min android 🤖apk 📲
✔️ b753185 #7 2024-05-24 13:13:44 ~8 min ios 📱ipa 📲
✔️ 5dca94d #9 2024-05-24 13:21:48 ~6 min android 🤖apk 📲
✔️ 5dca94d #9 2024-05-24 13:25:33 ~9 min android-e2e 🤖apk 📲
✔️ 5dca94d #9 2024-05-24 13:27:07 ~11 min ios 📱ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
d4e8c5d #10 2024-05-26 22:58:53 ~2 min tests 📄log
✔️ 31d0c14 #11 2024-05-26 23:03:16 ~3 min tests 📄log
✔️ 31d0c14 #11 2024-05-26 23:05:18 ~5 min android-e2e 🤖apk 📲
✔️ 31d0c14 #11 2024-05-26 23:05:53 ~6 min android 🤖apk 📲
✔️ 31d0c14 #11 2024-05-26 23:08:23 ~8 min ios 📱ipa 📲

:overlay {:interceptTouchOutside true
:handleKeyboardEvents true}}
opts)}})))
(let [theme (:theme opts)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you @jo-mut i've looked into show-overlay usages and I didn't find where we have :theme in opts, so probably it's better to remove it from code

Copy link
Member

@flexsurfer flexsurfer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it seems like (:theme opts) here (options/statusbar-and-navbar-options (:theme opts) nil nil) is always nil this should be fixed I guess

@flexsurfer
Copy link
Member

flexsurfer commented May 24, 2024

we should move (options/statusbar-and-navbar-options nil rnn-status-bar nav-bar-color) from :show-toasts to show-overlay and I think theme should go as a separate parameter not in options

(rf/reg-fx :show-toasts
 (fn [[view-id theme]]
   (let [[rnn-status-bar nav-bar-color] (get-status-nav-color view-id theme)]
     (show-overlay "toasts"
                   (assoc (options/statusbar-and-navbar-options nil rnn-status-bar nav-bar-color)

@jo-mut jo-mut force-pushed the bug/white-panel branch 2 times, most recently from a943dc4 to 7d40f81 Compare May 24, 2024 11:33
@jo-mut jo-mut requested a review from flexsurfer May 24, 2024 11:47
@jo-mut
Copy link
Member Author

jo-mut commented May 24, 2024

Screen_Recording_20240524_143631_Status_Debug.mp4

@jo-mut jo-mut force-pushed the bug/white-panel branch 6 times, most recently from 9d95478 to 5dca94d Compare May 24, 2024 13:15
@jo-mut jo-mut changed the title fix: white panel when the bottom sheet is launched [WIP] fix: white panel when the bottom sheet is launched May 24, 2024
:overlay {:interceptTouchOutside true
:handleKeyboardEvents true}}
opts)}})))
(let [theme (rf/sub [:theme])]
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it's illegal, (rf/sub [:theme]) can't be used here , subscription can be used only in views, so you have to pass theme as parameter

@jo-mut jo-mut changed the title [WIP] fix: white panel when the bottom sheet is launched fix: white panel when the bottom sheet is launched May 26, 2024
@jo-mut jo-mut requested a review from flexsurfer May 26, 2024 22:59
Copy link
Member

@flexsurfer flexsurfer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

still not fixed properly

@jo-mut
Copy link
Member Author

jo-mut commented May 27, 2024

@flexsurfer I had missed your comment above am fixing that now

(show-overlay "toasts"
(assoc (options/statusbar-and-navbar-options nil rnn-status-bar nav-bar-color)
:overlay
{:interceptTouchOutside false})))))
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also this should keep {:interceptTouchOutside false} here

@jo-mut
Copy link
Member Author

jo-mut commented May 31, 2024

this is fixed here #20258 (comment).

@jo-mut jo-mut closed this May 31, 2024
Pipeline for QA automation moved this from REVIEW to DONE May 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: DONE
Development

Successfully merging this pull request may close these issues.

White panel is shown in dark mode on Android
4 participants