From fcbb58062849236c79b5477dea7085eb28054fd0 Mon Sep 17 00:00:00 2001
From: Guillaume Dorce <polynux.dev@gmail.com>
Date: Sat, 3 Sep 2022 15:56:01 +0200
Subject: [PATCH] alert token when connected using useQueryData

---
 client/src/routes/login.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/src/routes/login.tsx b/client/src/routes/login.tsx
index d556e35..0a73476 100644
--- a/client/src/routes/login.tsx
+++ b/client/src/routes/login.tsx
@@ -7,6 +7,8 @@ export default () => {
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
 
+  const queryClient = useQueryClient();
+
   const { refetch } = useQuery(
     ['login'],
     async () => {
@@ -37,12 +39,28 @@ export default () => {
     await refetch();
   }
 
+  type Token = {
+    token: string;
+    userId: string;
+    expiresAt: string;
+  };
+
+  const useLogin = () => {
+    const token: Token | undefined = queryClient.getQueryData(['login'], { exact: true });
+    if (!token) {
+      alert('You are not logged in');
+      return;
+    }
+    alert(token.token);
+  }
+
   return (
     <>
       <div className="flex flex-col min-h-full items-center justify-center py-12 px-4 bg-grey-dark sm:px-6 lg:px-8">
         <div>
           <img className="mx-auto h-20 pb-2 w-auto" src={logo} alt="Groupomania" />
         </div>
+        <button className='rounded-lg bg-red text-white' onClick={() => useLogin()}>Test</button>
         <div className="w-full max-w-md bg-grey rounded-lg p-5">
           <form className="m-6 mb-3" action="#" method="POST" onSubmit={(e) => onSubmit(e)}>
             <div className="-space-y-px rounded-md shadow-sm">