sign-and-submit-tx.jsx

import { identity } from "@deso-core/identity";
import { useContext } from "react";
import { UserContext } from "../contexts";

// FIXME: Import this from @deso-core/identity instead of re-defining it.
const NO_MONEY_ERROR = 'User does not have sufficient funds in their wallet to complete the transaction';

export const SignAndSubmitTx = () => {
  const { currentUser: user } = useContext(UserContext);
  const usernameOrPubkey =
    user?.ProfileEntryResponse?.Username ?? user?.PublicKeyBase58Check;

  let hasPostingPermissions = identity.hasPermissions({
      TransactionCountLimitMap: {
          SUBMIT_POST: 1,
      },
  })
  if (!usernameOrPubkey || !user.BalanceNanos || !hasPostingPermissions) {
    return (
      <button onClick={() => {
          identity.login({
              getFreeDeso: true,
          }).then((res)=>{
              alert('Login success!')
          }).catch((err)=>{
              if (err?.toString().indexOf(NO_MONEY_ERROR) >= 0) {
                  alert('You need DESO in order to post!')
              } else {
                  alert(err)
              }
          })
      }}>Login to create a post</button>
    );
  } else {
      return (
          <>
              <h1>Submit a signed post transaction</h1>
              <form
                  onSubmit={(e) => {
                      e.preventDefault();

                      // check if the user can make a post
                      if (!hasPostingPermissions) {
                          // if the user doesn't have permissions, request them
                          identity.requestPermissions({
                              GlobalDESOLimit: 10000000, // 0.01 DESO
                              TransactionCountLimitMap: {
                                  SUBMIT_POST: 3,
                              },
                          }).then((res)=>{
                              console.log(res)
                              debugger;
                          });
                          return;
                      }

                      const body = e.target[0].value;

                      const createTx = () =>
                          fetch("https://node.deso.org/api/v0/submit-post", {
                              method: "POST",
                              headers: { "Content-Type": "application/json" },
                              body: JSON.stringify({
                                  UpdaterPublicKeyBase58Check: user?.PublicKeyBase58Check,
                                  BodyObj: {
                                      Body: body,
                                      ImageURLs: [],
                                      VideoURLs: [],
                                  },
                                  MinFeeRateNanosPerKB: 1000,
                              }),
                          }).then((res) => res.json());

                      identity
                          .signAndSubmitTx(createTx)
                          .then(() => alert("Post submitted successfully!"))
                          .catch((e) =>
                              alert(`Error submitting post. Please try again. ${e.toString()}`)
                          );
                  }}
              >
        <textarea
            name="post-textarea"
            cols={30}
            rows={10}
            style={{ border: "1px solid black" }}
        ></textarea>
                  <div>
                      <button>Post</button>
                  </div>
              </form>
          </>
      );
  }
};