Added code gen

Author: Ravilochan

dist/resolvers/user.js

@@ -107,7 +107,7 @@ export class UserResolver {
         return em.find(User,{})
     }
 
-    @Query(()=>User, {nullable:true})
+    @Query(()=>User)
     async me(@Ctx(){req,em}:MyContex){
      if(!req.session.userId){
          return null;

dist/resolvers/user.js.map

@@ -105,9 +105,13 @@
             "description": null,
             "args": [],
             "type": {
-              "kind": "OBJECT",
-              "name": "User",
-              "ofType": null
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "OBJECT",
+                "name": "User",
+                "ofType": null
+              }
             },
             "isDeprecated": false,
             "deprecationReason": null

src/resolvers/user.ts

@@ -0,0 +1,39 @@
+import { Box, Button, Flex, Link } from '@chakra-ui/react'
+import React from 'react'
+import NextLink from 'next/link'
+import { useMeQuery } from '../generated/graphql'
+
+interface NavbarProps {}
+export const Navbar:React.FC<NavbarProps> = ({}) =>{
+    const [{data, fetching}] = useMeQuery()
+    let body = null
+    if(fetching){
+
+    }
+    else if(data?.me){
+        body =(
+            <>
+            <Box ml={4}>{data?.me.username}</Box>
+            <Button colorScheme="teal"> LogOut</Button>
+            </>
+        )
+    } else {
+        body =(
+            <>
+            <NextLink href="/login">
+            <Link> Login </Link>
+            </NextLink>
+            <NextLink href="/register">
+            <Link> Register </Link>
+            </NextLink>
+            </>
+        )
+    }
+    return (
+        <Flex p={4}>
+        <Box ml={"auto"}>
+            {body}
+        </Box>
+        </Flex>
+    )
+} 

with-chakra-ui-typescript-app/graphql.schema.json

@@ -20,7 +20,7 @@ export type Query = {
   posts: Array<Post>;
   post?: Maybe<Post>;
   listUsers?: Maybe<Array<User>>;
-  me?: Maybe<User>;
+  me: User;
 };
 
 
@@ -117,6 +117,17 @@ export type LoginMutation = (
   ) }
 );
 
+export type MeQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type MeQuery = (
+  { __typename?: 'Query' }
+  & { me: (
+    { __typename?: 'User' }
+    & Pick<User, 'id' | 'username' | 'createdAt'>
+  ) }
+);
+
 export type RegisterMutationVariables = Exact<{
   username: Scalars['String'];
   password: Scalars['String'];
@@ -157,6 +168,19 @@ export const LoginDocument = gql`
 export function useLoginMutation() {
   return Urql.useMutation<LoginMutation, LoginMutationVariables>(LoginDocument);
 };
+export const MeDocument = gql`
+    query Me {
+  me {
+    id
+    username
+    createdAt
+  }
+}
+    `;
+
+export function useMeQuery(options: Omit<Urql.UseQueryArgs<MeQueryVariables>, 'query'> = {}) {
+  return Urql.useQuery<MeQuery>({ query: MeDocument, ...options });
+};
 export const RegisterDocument = gql`
     mutation Register($username: String!, $password: String!) {
   register(options: {username: $username, password: $password}) {

with-chakra-ui-typescript-app/src/components/Navbar.tsx

@@ -0,0 +1,7 @@
+query Me {
+  me {
+    id
+    username
+    createdAt
+  }
+}

with-chakra-ui-typescript-app/src/generated/graphql.tsx

@@ -6,9 +6,11 @@ import { Container } from '../components/Container'
 import { DarkModeSwitch } from '../components/DarkModeSwitch'
 import { CTA } from '../components/CTA'
 import { Footer } from '../components/Footer'
+import { Navbar } from '../components/Navbar'
 
 const Index = () => (
   <Container height="100vh">
+    <Navbar />
     <DarkModeSwitch />
     <Footer>
       <Text>Built with ❤️ Ravilochan</Text>