Breaking News: Grepper is joining You.com. Read the official announcement!

jwt react

louis debailleul answered on June 4, 2024 Popularity 8/10 Helpfulness 1/10

answer jwt react

jwt react

Comment

import { Account } from "../types.ts";
import { useAccountStore } from "../store.ts";
import { useCallback } from "react";
import { apiFetch } from "../utils/api.ts";

export function useAuth() {
  const { account, setAccount } = useAccountStore();
  let status;
  switch (account) {
    case null:
      status = AuthStatus.Guest;
      break;
    case undefined:
      status = AuthStatus.Unknown;
      break;
    default:
      status = AuthStatus.Authenticated;
      break;
  }

  const authenticate = useCallback(() => {
    apiFetch<Account>("/me")
      .then(setAccount)
      .catch(() => setAccount(null));
  }, []);

  const login = useCallback((username: string, password: string) => {
    apiFetch<Account>("/login", { json: { username, password } }).then(
      setAccount
    );
  }, []);

  const logout = useCallback(() => {
    apiFetch<Account>("/logout", { method: "DELETE" }).then(setAccount);
  }, []);

  return {
    status,
    authenticate,
    login,
    logout,
  };
}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: grafikart.fr

Tags: javascript jwt

Link to this answer
Share Copy Link

Contributed on Jun 04 2024

louis debailleul

0 Answers Avg Quality 2/10

jwt react

Contents

More Related Answers

jwt react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.