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