Fix: Claim disabled message

[L03TJ3]

Bug Description
In the past we had a modal showing with a message when claiming was disabled across all networks.
Recent changes seem to have broken this UI and its no longer displayed as expected.

Steps to Reproduce (running the dapp locally)

1. in OldClaim.tsx uncomment the lines related to showDialog and useFeatureFlag 'claim-feature'
2. add a temporary new useEffect which triggers showModal
3. run the server and go to localhost to see the claim-page

Expected Behavior
The modal with the disabled message should cover the claim-button, should not be dismissable and should show as expected on both mobile and desktop screens. usually these modals are shown with an grey overlay in the background

[ch1m3z13]

Hi @L03TJ3, I'd like to work on this issue.

I’ve gone through the bug description and the steps to reproduce and I understand what needs to be fixed (restoring the disabled-claim modal behavior). Could you please assign this issue to me?

Thanks!

[L03TJ3]

Okay, assigned @ch1m3z13

[L03TJ3]

Hey, this has been assigned for a long time and have not seen any updates or PR's open, therefor you will be unassigned following our contribution guidelines

[Heisenburgirs]

I'd like to work on the issue.

I'll get on it as soon as it's assigned

[HushLuxe]

Allow me fix this bug

[Heisenburgirs]

I've fixed the bug - master...Heisenburgirs:GoodProtocolUI:master

The disabled-claim modal was rendering but not behaving as an overlay in the claim page layout (it participated in the flex layout/stacking contexts), which caused it to be squeezed and sometimes appear behind other elements.

I replaced the previous useModal()/react-native-paper dialog usage with a dedicated absolutely-positioned overlay (top/left/right/bottom: 0, zIndex: 50) plus a semi-transparent grey backdrop, and made the claim-area container position: relative so the overlay covers only the claim content area. This ensures the message consistently sits on top of the claim UI and blocks interaction, on both mobile and desktop.

The disabled message is not visible after initial render on mobile phones as it's centered. I can move it up so that users don't have to scroll down.

[L03TJ3]

Hey, @Heisenburgirs
the way to get assigned issues is first comment and request to be assigned

I will look at the PR and asign now, but keep this in mind for future issues you might want to pick up