ready

Author: Hendrixer

api/src/resolvers.js

@@ -1,34 +1,23 @@
+/**
+ * Here are your Resolvers for your Schema. They must match
+ * the type definitions in your scheama
+ */
+
 module.exports = {
   Query: {
-    pets(_, {input}, {models}) {
-      return models.Pet.findMany(input || {})
-    },
-    pet(_, {id}, {models}) {
-      return models.Pet.findOne({id})
-    },
-    user(_, __, {models}) {
-      return models.User.findOne()
-    }
+    
   },
   Mutation: {
-    addPet(_, {input}, {models, user}) {
-      const pet = models.Pet.create({...input, user: user.id})
-      return pet
-    }
+    
   },
   Pet: {
-    owner(pet, _, {models}) {
-      return models.User.findOne({id: pet.user})
-    },
     img(pet) {
       return pet.type === 'DOG'
         ? 'https://placedog.net/300/300'
         : 'http://placekitten.com/300/300'
     }
   },
   User: {
-    pets(user, _, {models}) {
-      return models.Pet.findMany({user: user.id})
-    }
+    
   }
 }

api/src/schema.js

@@ -1,44 +1,14 @@
 const { gql } = require('apollo-server')
 
+/**
+ * Type Definitions for our Schema using the SDL.
+ */
 const typeDefs = gql`
-  enum PetType {
-    CAT
-    DOG
+  type User {
+    id: ID!
+    username: String!
   }
 
-type User {
-  id: ID!
-  username: String!
-  pets: [Pet]!
-}
-
-type Pet {
-  id: ID!
-  type: PetType!
-  name: String!
-  owner: User!
-  img: String!
-  createdAt: Int!
-}
-
-input NewPetInput {
-  name: String!
-  type: PetType!
-}
-
-input PetsInput {
-  type: PetType
-}
-
-type Query {
-  user: User!
-  pets(input: PetsInput): [Pet]!
-  pet(id: ID!): Pet!
-}
-
-type Mutation {
-  addPet(input: NewPetInput!): Pet!
-}
 `;
 
 module.exports = typeDefs

api/src/server.js

@@ -3,14 +3,7 @@ const typeDefs = require('./schema')
 const resolvers = require('./resolvers')
 const {models, db} = require('./db')
 
-const server = new ApolloServer({
-  typeDefs,
-  resolvers,
-  context() {
-    const user = db.get('user').value()
-    return {models, db, user}
-  }
-})
+const server = new ApolloServer()
 
 server.listen().then(({ url }) => {
   console.log(`🚀 Server ready at ${url}`);

client/src/client.js

@@ -3,28 +3,7 @@ import { InMemoryCache } from 'apollo-cache-inmemory'
 import { HttpLink } from 'apollo-link-http'
 import gql from 'graphql-tag'
 
-const typeDefs = gql`
-  extend type Pet {
-    vacinated: Boolean!
-  }
-`;
 
-const resolvers = {
-  Pet: {
-    vacinated: () => true
-  }
-};
-
-const cache = new InMemoryCache()
-const link = new HttpLink({
-  uri: 'http://localhost:4000/'
-})
-
-const client = new ApolloClient({
-  cache,
-  link,
-  typeDefs,
-  resolvers
-})
+const client = new ApolloClient()
 
 export default client

client/src/index.js

@@ -8,9 +8,7 @@ import './index.css'
 
 const Root = () => (
   <BrowserRouter>
-    <ApolloProvider client={client}>
-      <App />
-    </ApolloProvider>
+    <App />
   </BrowserRouter>
 )
 

client/src/pages/Pets.js

@@ -5,55 +5,11 @@ import NewPet from '../components/NewPet'
 import { useQuery, useMutation } from '@apollo/react-hooks'
 import Loader from '../components/Loader'
 
-const PET_DETAILS = gql`
-  fragment PetDetails on Pet {
-    id
-    type
-    name
-    img
-    vacinated @client
-  }
-`
-
-const GET_PETS = gql`
-  query petsList($input: PetsInput) {
-    pets(input: $input) {
-      ...PetDetails
-    }
-  }
-  ${PET_DETAILS}
-`
-
-const CREATE_PET = gql`
-  mutation CreatePet($input: NewPetInput!) {
-    addPet(input: $input) {
-      ...PetDetails
-    }
-  }
-  ${PET_DETAILS}
-`;
-
 export default function Pets () {
   const [modal, setModal] = useState(false)
-  const pets = useQuery(GET_PETS)
-
-  const [createPet, newPet] = useMutation(CREATE_PET, {
-    update(cache, { data: { addPet } }) {
-      const { pets } = cache.readQuery({ query: GET_PETS })
-
-      cache.writeQuery({
-        query: GET_PETS,
-        data: { pets: pets.concat([addPet]) }
-      })
-    }
-  })
-
-  if (pets.loading || newPet.loading) return <Loader />
-  if (pets.error || newPet.error) return <p>ERROR</p>
-
+  
   const onSubmit = input => {
     setModal(false)
-    createPet({variables: {input}})
   }
 
   const petsList = pets.data.pets.map(pet => (