as you can see my parameter has an object inside of it user Prisma #orm-help

Join Slack

as you can see my parameter has an object inside o...

# orm-help

vuegraphql

07/08/2018, 1:12 AM

as you can see my parameter has an object inside of it (user)

KyleG

07/08/2018, 1:41 AM

I'm just gonna be lazy and point towards my own project's code to inspire you. https://github.com/TiE23/metric-teacher/blob/6605869ff7104fa3982cb71b81d39a89766e16a7/client/src/graphql/Mutations.js#L3 It's my user signup mutation that I run with Apollo on my client. The server side is this: https://github.com/TiE23/metric-teacher/blob/6605869ff7104fa3982cb71b81d39a89766e16a7/server/src/resolvers/Mutation/auth.js#L23 Let me know if that helps ya. 👍🏻

vuegraphql

07/08/2018, 2:02 AM

@KyleG thanks man. my issue though is the fact all my fields (user, password, first_name, etc...) are wrapped a user object

vuegraphql

07/08/2018, 2:02 AM

how would i handle that case?

KyleG

07/08/2018, 2:07 AM

@vuegraphqlI believe it'd likely look like this... (Duplicating format I shared, yours might look different)

Copy code

export const CREATE_USER_MUTATION = gql`
  mutation createUser($email: String!, $password: String!, $first_name: String!, $last_name: String!, $phone_number: String!) {
  createUser(
    user: {
      email : $email,
      password : $password,
      first_name : $first_name,
      last_name : $last_name,
      phone_number : $phone_number
    }
  ) {
    metaData {
      message,
      type
    }
  }
}
`;

The variables (like

$email

) are being swapped out AFAIK, so if you simply define the user object in the mutation and fill it out like I do above that would likely work.

KyleG

07/08/2018, 2:09 AM

Oh, perhaps you're passing in the user object as an argument? Hmmm...

KyleG

07/08/2018, 2:14 AM

@vuegraphql

Copy code

# In schema.graphql
input CreateUserInput {
  email: String!
  password: String!
  first_name: String!
  last_name: String!
  phone_number: String!
}

Copy code

# In your client
export const CREATE_USER_MUTATION = gql`
  mutation createUser($create_user_input: CreateUserInput!) {
  createUser(
    user: $create_user_input
  ) {
    metaData {
      message,
      type
    }
  }
}
`;

If you're using Apollo, I'll have to point towards another example bit of code: https://github.com/TiE23/metric-teacher/blob/6605869ff7104fa3982cb71b81d39a89766e16a7/client/src/components/Login.js#L100 While my code is like so:

Copy code

const result = await this.props.signupMutation({
  variables: {
    fname: this.state.fname,
    lname: this.state.lname,
    email: utils.customNormalizeEmail(this.state.email),
    password: this.state.password,
  },

Yours might look like this:

Copy code

const result = await this.props.createUserMutation({
  variables: {
    user: {
      email: utils.customNormalizeEmail(this.state.email),
      password: this.state.password,
      first_name: this.state.first_name,
      last_name: this.state.last_name,
      phone_number: this.state.phone_number,
    },
  },

I don't know if this'll work for a fact. Actually, I'm actively writing my project right now and realized that I'll have this same exact situation as you before long with a complicated mutation input object I have. So simply this is what I would try the first time.

vuegraphql

07/08/2018, 3:01 AM

wow thanks for the long and thoughtful response!

vuegraphql

07/08/2018, 3:01 AM

theres a lot i have to got through, one sec

vuegraphql

07/08/2018, 3:06 AM

@KyleG i haven't used apollo yet, but it seems graphql-request, axios, and apollo all have the same payload structure for sending mutations and queries

vuegraphql

07/08/2018, 3:11 AM

Copy code

# In your client
export const CREATE_USER_MUTATION = gql`
  mutation createUser($create_user_input: CreateUserInput!) {
  createUser(
    user: $create_user_input
  ) {
    metaData {
      message,
      type
    }
  }
}
`;

vuegraphql

07/08/2018, 3:16 AM

so i believe your export const CREATE_USER_MUTATION = ... would work

vuegraphql

07/08/2018, 3:18 AM

i am going to try it out now thanks!

vuegraphql

07/08/2018, 3:47 AM

and it worked thanks!!!!

vuegraphql

07/08/2018, 3:48 AM

damn i got lucky as hell i found you, because this type of scenario is nowhere to be found elsewhere 👍

🎉 1

KyleG

07/08/2018, 4:09 AM

Glad I was able to help! Yeah, having people to ask straight up can be a life saver no matter how many times you scour blogs, forums, Stack Overflow pages through Google. I've been saved multiple times in this Slack channel so I try to pay back when I can. 👍🏻

💚 2

nilan

07/14/2018, 11:14 AM

thanks so much for your help, Kyle 💚

Open in Slack

Previous Next