Create Dialog component

[ugur-eren]

OD Hack

This issue is part of ODHack 4.0:

description - https://x.com/OnlyDust_com/status/1791035111992934563
guidelines - https://onlydust.notion.site/ODHack-Common-Guidelines-Project-leads-5e21836f85ad493f9ca429770af0ad40

Please read the guidelines and make sure you follow them.

Please write your thoughts and how long you think it will take to complete the issue in the comments.

Dialog component

We need to have a Dialog component to replace alerts. The design for Dialog component is available at Figma: https://www.figma.com/design/NIJ68MV1AeI8y283woXiM0/JoyBoy?node-id=482-13792&t=V6IQaFPV2PwAn7U5-0

For easier development, Dialog component should at least have these props:

• icon: React.ReactNode
• title: string
• description: string
• buttons: {label: string; type: dangerous | primary | secondary; onPress: () => void}[]

Dialog component should use Portal component from react-native-portalize library to render the dialog in front of other content.

You should implement the design as close as possible and should match 1:1.

Please battle test it before doing a PR.

Communication

https://t.me/JoyboyStarknet/949

May the Joy be with you!

[josephchimebuka]

I would like to handle this @ugur-eren

[addegbenga]

i will love to work on this