Lockdeteails

[Chigybillionz]

**Close #263

Summary of the issue:
Users need the ability to inspect individual vault locks before executing a withdrawal to check the amount, created/unlock dates, status, and eligibility.

Root cause:
The application lacked a dedicated screen to display the metadata for a single vault lock. Without this, users couldn't easily verify if a lock had matured without attempting a withdrawal.

Solution implemented:
Added a VaultLockDetailScreen that displays key lock metadata (amount, created date, unlock date, status) and visually indicates whether the lock is eligible for withdrawal based on the current date. A "Mock Active Locks" list was also added to the main Vault tab, allowing users to navigate to the new detail screen while the full SDK integration is pending.

Key changes made:

• app/vault-lock/[id].tsx: Created the new detail screen using expo-router dynamic routing to parse the lock ID. Renders mock data with clear typography and icons from lucide-react-native. Calculates withdrawal eligibility by comparing the unlock date to the current date and conditionally renders status badges and button states.
• app/(tabs)/vault.tsx: Imported useRouter and appended a "Mock Active Locks" section below the existing action buttons to provide an entry point for testing the new screen.

---

Any trade-offs or considerations:

• Mock Data Handling: The detail screen currently relies on hard-coded mock data since the full SDK integration for querying specific on-chain locks is pending. However, the UI layout, state logic, and styling are structured to seamlessly swap out the mock object for a real Zustand store hook once available.
• Missing Data Safety: Fallback states (e.g., disabling the withdrawal button if the lock has not matured) have been included to safely handle varying data conditions.

---

Testing steps (how to verify the fix):

1. Run the app and navigate to the Vault tab.
2. Scroll down past the primary actions to the new Mock Active Locks section.
3. Tap on the mock lock item ("500.0000000 XLM").
4. Verify that the app navigates to the Vault Lock Details screen.
5. Verify the screen renders the amount, created/unlock dates, and a "LOCKED" or "UNLOCKED" status badge.
6. Check the "Withdrawal Eligibility" section to ensure it displays the correct message and button state (disabled if the mocked unlock date is in the future).

---

Please kindly review this task. If there are any corrections, improvements, adjustments, or merge conflicts that you notice regarding my implementation, I'd really appreciate your feedback. I'd also love to hear your overall review of my work on this branch.Thank you!

[El-swaggerito]

This PR cannot be merged automatically because it has merge conflicts.

Please update the branch with the latest base branch and resolve the conflicts.

After the conflicts are resolved and checks pass, the automation can review it again.

[Chigybillionz]

Thank you very much 😊 Cheers 🎉

…

On Thu, Jul 23, 2026, 2:11 PM Muhammad Zayyad Mukhtar < ***@***.***> wrote: *El-swaggerito* left a comment (Axionvera/pocketpay-mobile#284) <#284 (comment)> This PR cannot be merged automatically because it has merge conflicts. Please update the branch with the latest base branch and resolve the conflicts. After the conflicts are resolved and checks pass, the automation can review it again. — Reply to this email directly, view it on GitHub <#284?email_source=notifications&email_token=BMBZJ5FK2TH3WSWFUCMI62D5GIFHPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKMBVHA3TONRYGMZKM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2KYZTPN52GK4S7MNWGSY3L#issuecomment-5058776832>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BMBZJ5CUIKU3A2IRDPGPLTL5GIFHPAVCNFSNUABGKJSXA33TNF2G64TZHMYTGMBSGMZDQNZRG45US43TOVSTWNBZGU4TCMZZG44TNILWAI> . Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS <https://github.com/notifications/mobile/ios/BMBZJ5FQFRTLIJIIQ5S3MP35GIFHPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKMBVHA3TONRYGMZKM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2KUZTPN52GK4S7NFXXG> and Android <https://github.com/notifications/mobile/android/BMBZJ5BFQRORIFN3WZSWPQL5GIFHPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKMBVHA3TONRYGMZKM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2K4ZTPN52GK4S7MFXGI4TPNFSA>. Download it today! You are receiving this because you authored the thread.Message ID: ***@***.***>