|
+ |
+
| {activeAccount?.provider} | +
window.csprclick to get a reference to the CSPR.click SDK instance. With
+ this instance you easily can get an access to user's active account with all
+ information: such as public key, provider, etc. You can use it to display relevant users
+ data as in example below:
+
+
+
+ {`const UserAccount = () => {
+ const activeAccount = window.csprclick.getActiveAccount()
+ return (
+
+ Public key: {activeAccount.public_key} Provider: {activeAccount.provider}
+ )`}
+
+
+ casper-js-sdk is available in this
+ template to do so. Refer to the official{' '}
+ SDK documentation for
+ more information and examples of usage.
+
+
+ Next, call window.csprclick.send() method. CSPR.click will request the user
+ to sign the transaction in the active wallet and then will send the transaction to a
+ Casper node for processing it.
+
+
+ Notice in the example that your application must handle different possible responses. Your
+ app may show a success message with the transaction hash when the transaction has been
+ sent, but react appropriately when the user rejects or the node reject the transaction.
+
+
+
+ {`const handleSignTransaction = (evt: any) => {
+ evt.preventDefault();
+ const sender = activeAccount?.public_key?.toLowerCase() || '';
+ const transaction = makeTransferTransaction(
+ sender,
+ recipientPk,
+ '50' + '000000000',
+ clickRef.chainName!
+ );
+ window.csprclick
+ .send(transaction, sender)
+ .then((res: SendResult | undefined) => {
+ if (res?.transactionHash) {
+ setTransactionHash(res.transactionHash);
+ alert('Transaction sent successfully: ' + res.transactionHash);
+ } else if (res?.cancelled) {
+ alert('Sign cancelled');
+ } else {
+ alert('Error in send(): ' + res?.error + ' ' + res?.errorData);
+ }
+ })
+ .catch((err: any) => {
+ alert('Error: ' + err);
+ throw err;
+ });
+ };
+`}
+
+
+ | 50 CSPR | +
| + your account + | +
|
+ |
+
| + {activeAccount?.public_key && ( + <> + + + )} + | +
window.csprclick to communicate with CSPR.click API. By calling CSPR.click
+ API, through window.csprclick, you'll have an access to all necessary
+ data and possibility to request any available operation.
+
+
+
+ {`
+
+ ...
+
+ ...
+ `}
+
+
+