Implement sample transactions upon successful connection

[TABASCOatw]

Description

The Particle Network RainbowKit boilerplate, particle-rainbowkit-boilerplate is a simple application that exclusively facilitates either social login through Particle Auth (Wallet-as-a-Service resulting in an embedded wallet secured by MPC-TSS) or through an external wallet aggregated by RainbowKit (such as MetaMask). Both of these options, Web2-based and Web3-based, are included in the same interface using RainbowKit.

While this is great, the demo feels somewhat incomplete. A user connects, and that's it, no extended functionality to test the connection. Thus, an extension of this demo is needed to enhance App.tsx and include two buttons, the first being a sample transaction and the second being a sample message signature.

Motivation

RainbowKit is among one of the most used connection kits within the ecosystem, even within Particle's own developer ecosystem. Thus, it's important that this demo effectively showcases proper utilization and gets developers started with these various SDKs without much added friction.

Changes Needed

The current application structure works and doesn't need modification; rather, App.tsx needs to be extended to include two sample buttons (transaction and message signature), which should only be shown after login is complete. This should only take an additional 10-20 lines of code.

User -> connect button -> wallet choice (Particle, MetaMask, WalletConnect, etc.) -> sample transaction and message button

Tasks

• Implement sample transaction button and associated method
• Implement sample message signature button and associated method

[bobeu]

Hello @TABASCOatw , I'd like to work on this task if still open. Please give any necessary guide that will aid the implementation.