Add hook to change network

[fracek]

Wallet now support adding a network and asking users to switch network. We should expose an hook to do that.

Requires #211

[0xads]

After some research I can work on it.

[fracek]

Perfect, looking forward to review the PR!

[0xads]

Hi, I'm a little busy at work. If anyone wants to take it. Otherwise I'll dot it in a few weeks.

[fricoben]

Will work on it

[YohanTz]

Will work on it

Hey @fricoben, are you still working on this one ?

[fricoben]

No you can go for it

[ktarun1419]

Hi @YohanTz is this issue still open ?

[ktarun1419]

I want to work on it

[YohanTz]

Hi @YohanTz is this issue still open ?

Hey @ktarun1419, a working PR is here: https://github.com/apibara/starknet-react/pull/307, but can't be merged for now, as mentioned in the PR description :)

[ktarun1419]

Hi @YohanTz is this issue still open ?

Hey @ktarun1419, a working PR is here: #307, but can be merged for now, as mentioned in the PR description :)

Thank you :)

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had activity in the six months. It will be closed in 2 weeks if no further activity occurs. Please feel free to leave a comment if you believe the issue is still relevant.

[fracek]

This can now be added to starknet react v3.

[sotoyjuan]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hey! I'd like to collaborate on this project. I have five years of frontend development experience, I'm currently going through a Starknet bootcamp with Dojo Coding, which provides me with the foundational knowledge needed. I believe this combination of my experience and current training makes me well-suited to tackle this issue. I've already contributed to another project using Typescript and Starknet.js. Thanks for considering me.

How I plan on tackling this issue

I would start by testing old PR's and go from there.

[fracek]

Hey, happy to review the PR for this. BTW if you wait a bit it can be part of OD Hack

[GoSTEAN]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I’m proficient in JavaScript and TypeScript, and have extensive experience with React, which allows me to create and manage custom hooks effectively. I’m also well-versed in Web3 technologies and wallet integrations, including working with APIs like MetaMask and WalletConnect, which are crucial for handling network management and interactions with blockchain networks.

I have a solid understanding of blockchain networks, including how to add new networks and handle network switching. My problem-solving skills help me tackle integration challenges and ensure smooth functionality. I also have experience testing hooks across different environments to ensure they work reliably and consistently.

How I plan on tackling this issue

1. Define a New Hook: Create a custom hook that provides functionality for adding a network and prompting users to switch networks, encapsulating the necessary logic and state management.

2. Implement Network Addition: In the hook, include methods for adding a new network to the wallet, ensuring it handles network configuration and integration smoothly.

3. Handle Network Switching: Add functionality to the hook for requesting users to switch to a different network, including user prompts or automatic network changes.

4. Integrate with Existing Features: Ensure the new hook integrates with your existing wallet and network management features, addressing any dependencies or interactions as outlined in Issue #211.

5. Test Thoroughly: Test the hook in various scenarios to confirm it successfully adds networks and handles network switching, ensuring compatibility across different wallets and user environments.

[ShantelPeters]

Hi @fracek can I work on this issue

[Benjtalkshow]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi @fracek

I'm ready to work on creating a hook to support adding and switching networks in a wallet. My name is Benjamin, and I have extensive experience in developing custom hooks for blockchain interactions, including wallet management and network handling. My background includes integrating network management features to enhance user experience in decentralized applications.

Understanding the Issue

The current wallet functionality includes adding a network and asking users to switch networks. To improve usability and streamline network management, we need to expose a custom hook that facilitates these actions programmatically. This feature requires the implementation details from issue #211.

How I plan on tackling this issue

Develop Network Management Hook

• Hook Creation: I will develop a custom hook that allows users to add a new network to their wallet and prompt them to switch to it if necessary.
• Parameters:
  • networkName: The name of the network to be added.
  • networkChainId: The chain ID of the network to be added.
  • networkRpcUrl: The RPC URL for the network.
  • networkSymbol: The symbol for the network (e.g., ETH for Ethereum).
  • onSuccess: Callback for when the network is successfully added and switched.
  • onError: Callback for handling errors during the network addition or switching process.

Implementation Steps

• Create Hook Function: Implement the hook function to handle adding and switching networks, including interaction with the wallet's API.
• Integration: Ensure that the hook integrates seamlessly with existing wallet management systems.
• Testing: Thoroughly test the hook to confirm that it correctly adds and switches networks and handles errors appropriately.
• Documentation: Provide clear documentation on how to use the hook, including examples and parameter descriptions.

Tasks

Develop Hook

• Implement Hook Functionality: Create the hook to manage network addition and switching, including handling user prompts and network configurations.
• Integration: Ensure compatibility with the wallet’s existing network management features.

Testing

• Functionality Testing: Verify that the hook correctly adds and switches networks as expected.
• Error Handling: Test the hook’s error handling to ensure it gracefully manages issues that arise during network operations.
• User Experience: Ensure that the hook provides a smooth and intuitive experience for users when adding or switching networks.

[fracek]

Hey @ShantelPeters did you apply trough only dust? I think it's required.

[ShantelPeters]

Thank you I’ll get straight to work

[ShantelPeters]

Hi @fracek you said the issue is invalid and there’s nothing to do sir

[fracek]

Hey, yes the hook is already in starknet react v3. Closing it for now.