created get request endpoint to fetch data from db

Author: wiltonlee948

www/src/pages/secret.tsx

@@ -23,6 +23,8 @@ const secret: NextPage = () => {
     }
   };
 
+  const { data:users } = trpc.user.findAll.useQuery();
+
   return (
     <>
       {!isAdmin && <div className = 'flex h-screen items-center justify-center'>
@@ -36,7 +38,7 @@ const secret: NextPage = () => {
         </input>
         <button onClick={clickHandler} className="blockrounded-md border rounded border-transparent bg-rose-500 px-5 py-3 text-base font-medium text-white shadow hover:bg-rose-600 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 sm:px-10">Submit</button>
       </div>}
-        {isAdmin && <div>You logged in!</div>}
+        {isAdmin && <div>{users?.map(user => <div>{user.email}</div>)}</div>}
 
     </>
   );

www/src/server/trpc/router/user.ts

@@ -18,8 +18,10 @@ export const userRouter = router({
         }
       })
     }),
-  getAllUsers: publicProcedure
-    .query()
+  findAll: publicProcedure
+    .query(async ({ctx}) => {
+      return await ctx.prisma.user.findMany();
+    })
 });