0.4.0 • Published 4 years ago
@rmeissner/safe-apps-react-sdk v0.4.0
Safe Apps React SDK
This sdk should provide a simple way to write a React.js Safe app
How to use
- Add npm package
yarn add @rmeissner/safe-apps-react-sdk
- Add
SafeProvider
// ... other imports
import SafeProvider from '@rmeissner/safe-apps-react-sdk';
ReactDOM.render(
<React.StrictMode>
<SafeProvider>
<App /> // Your app
</SafeProvider>
</React.StrictMode>,
document.getElementById('root')
);
- Use Safe
// ... other imports
import { useSafe } from '@rmeissner/safe-apps-react-sdk';
const App = () => {
const safe = useSafe()
return (<div>{safe.info.safeAddress}</div>)
}
Usages
Send transactions
const txs: Transaction[] = [
{
"to": "0x31415629...",
"value": "0",
"data": "0xbaddad"
},
//...
]
// Returns a hash to identify the Safe transaction
const safeTxHash: string = await safe.sendTransactions(txs)
Load Safe transaction information
const safeTx: SafeTransaction = await safe.loadSafeTransaction(safeTxHash)