feat: Let costumers combine balances from any token to pay

[machuwey]

The user should be able to multiselect multiple token balances in order to pay.

Also will be good to create a separate component for the modal.

https://github.com/StrapexLabs/strapex/blob/main/frontend/src/app/(payments)/p/%5Bid%5D/page.tsx

For example: 10$ worth ETH + 15$ USDC = 25 $USDC

This will even enable paying with memecoins

In order to achieve this we will have to fetch quotes for every token balance portion and submit along the payment transaction.

[mateo-covacho]

Mind if I take this issue?

Just the design specification correct ?

[machuwey]

Mind if I take this issue?

Just the design specification correct ?

Hello @mateo-covacho, thanks for your interest in this issue. Please write me a DM on telegram @matveyrey

[Krishn1412]

Can I work on this, please?

[GideonBature]

Greetings can you please assign this issue to me?

I am a software engineer and have participated and contributed to previous ODHacks. I would love to contribute once again by solving this issue. I have experience working with TypeScript. For this project, I will send my first PR within 72 hrs.

Thank you.

[wheval]

Hello @machuwey, Can i work on this?

[OWK50GA]

I'm Wilfrid Okorie, a front-end Web Dev, I have experience working with Web 3 frontends, I'd like to work on this

[Benjtalkshow]

I’d like to resolve this.

[Ekene001]

Hi, I'm Ekene, a frontend and blockchain developer, and I’m new to the OnlyDust platform. This is my first time contributing to this repository, and I’m excited about the opportunity to collaborate and bring my skills to the table.

To tackle this task, I will implement a multiselect feature that allows users to choose multiple token balances for payment, such as ETH, USDC, or memecoins. I will create a separate modal component to handle this functionality, displaying the available token balances for the user to select and adjust.

I will fetch the current exchange rates for each selected token to display the real-time value in a consistent currency, like USDC. The total payment amount will be calculated based on the selected tokens. Once the user confirms the selection, I will submit the payment transaction, ensuring the backend processes it correctly.

I will ensure proper validation, error handling, and thorough testing to make sure the feature works smoothly across different token combinations.

[ShantelPeters]

I am Shantelpeters ,a web3 developer. please I will like to work on this issue @machuwey

[JoE11-y]

May I handle this issue?

[0xdevcollins]

Can I be assigned to this?

My Background I am a Full Stack Blockchain Developer with proficiency in Solidity/Rust, Next.js, TypeScript, React, and Node.js. I've demonstrated my ability to adjust to a variety of requirements, perform well under pressure, and reliably produce user-centric blockchain solutions with 46 significant contributions spread over 12 OnlyDust projects.

[od-hunter]

Hello, can I be assigned this issue? My experience includes html, css, react, javaScript, typescript, solidity & Cairo.

To solve this issue, I'll:

1. Use useState to manage the selected tokens and their amounts, display available token balances with checkboxes to allow multiselection, I'll use useEffect to fetch the price quotes (in USD) for the selected tokens.
2. Next, I'll fetch token quotes when tokens are selected, then, update the total value in USD for all selected tokens based on their amounts and fetched quotes.
3. I'll use useState to manage the total value of the selected tokens in USD, then, list the selected tokens, their amounts, and their USD equivalent in the modal also provide a button to confirm the payment and submit the transaction.
4. I'll use fetch or axios to send the payment details (selected tokens, total value) to the backend for processing.

Kindly assign please.

[suhas-sensei]

gm gm, Suhas here, having worked in the last od, where I’ve worked on integrating on-chain mechanics into games and have contributed to optimizing user experience with tools like SPV wallets and Web3 integrations.

To address this issue, I will design a dynamic multiselect token balance feature with a scalable architecture. By integrating a modular modal component, users can select multiple tokens effortlessly. I’ll fetch real-time token exchange rates and display live updates of combined token values in a unified currency (e.g., USDC). Once confirmed, the payment details will be processed through a secure backend API, ensuring smooth multitenancy and error resilience for any token combination.

[machuwey]

Hi @mateo-covacho please write me a Dm to my telegram to confirm that you want to work on this issue, you can find my contact at t.me/strapexlabs

[wheval]

Thanks @machuwey. Would start work right away