From ba9793d6a08db1047b7d7109c4b8c56a68db1839 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chif.gergo@cloud.bme.hu> Date: Sun, 24 Jan 2021 18:32:21 +0100 Subject: [PATCH] Use react query on the login example --- src/App.tsx | 13 ++++++++----- src/hooks/useLogin.ts | 8 ++++++++ 2 files changed, 16 insertions(+), 5 deletions(-) create mode 100644 src/hooks/useLogin.ts diff --git a/src/App.tsx b/src/App.tsx index 5db5ad2..a7d5235 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,15 +1,18 @@ import React from 'react'; import { BrowserRouter as Router } from 'react-router-dom'; +import { ClientContextProvider } from './context'; import { UserStateProvider } from './context/UserContext'; import Routes from './Routes'; function App(): React.ReactElement { return ( - <UserStateProvider> - <Router> - <Routes /> - </Router> - </UserStateProvider> + <ClientContextProvider> + <UserStateProvider> + <Router> + <Routes /> + </Router> + </UserStateProvider> + </ClientContextProvider> ); } diff --git a/src/hooks/useLogin.ts b/src/hooks/useLogin.ts new file mode 100644 index 0000000..2b7e823 --- /dev/null +++ b/src/hooks/useLogin.ts @@ -0,0 +1,8 @@ +import { useMutation } from 'react-query'; +import useClientContext from './useClientContext'; + +export default function useLogin() { + const client = useClientContext(); + + return useMutation('login', client.client.auth.login); +} -- GitLab