Function App

examples/react-example/src/App.tsx:16–127

()

});

function App() {
  const [loading, setLoading] = useState(false);

  const printToConsole = (...args: unknown[]): void => {
    const el = document.querySelector("#console>p");
    if (el) {
      el.innerHTML = JSON.stringify(args || {}, null, 2);
    }
  };

  const printUserInfo = async () => {
    const userInfo = auth.getUserInfo();
    printToConsole(userInfo);
  };

  async function login() {
    setLoading(true);
    try {
      await auth.login({
        authConnection: AUTH_CONNECTION.GITHUB,
      });
      if (auth.privKey) {
        await printUserInfo();
      }
      setLoading(false);
    } catch (error) {
      log.error("error", error);
      setLoading(false);
    }
  }

  useEffect(() => {
    setLoading(true);
    async function initializeAuth() {
      try {
        await auth.init();
        if (auth.privKey) {
          await printUserInfo();
        }
      } catch (error) {
        log.error("error while initialization", error);
      } finally {
        setLoading(false);
      }
    }
    initializeAuth();
  }, []);

  const getEd25519Key = async () => {
    const { sk } = getED25519Key(auth.privKey);
    const base58Key = bs58.encode(new Uint8Array(sk));
    printToConsole(base58Key);
  };

  const logout = async () => {
    try {
      setLoading(true);
      await auth.logout();