Hi
I'm a Remix newbie, trying to modify a copy of the remix template code to achieve what I need. I'm trying to use form values in my Mutation / function code.
However, the console.log feature won't output when the rest of the function runs - which makes debugging and learning what is happening really difficult.
Can someone explain why the console log doesn't work when used within in this function? (it doesn't work on the default template app._index.jsx either)
and ideally, give me a pointer as to how I can use a form (text input field) value in my graphql code.
My action function and mutation works as expected with hardcoded values.
Thanks.
export const action = async ({ request }) => {
const { admin } = await authenticate.admin(request);
const formData = await request.formData();
console.log("Action is called"); // WHY DOESN'T THIS LOG ANYTHING TO THE CONSOLE???
const response = await admin.graphql(
`#graphql
mutation draftOrderUpdate($id: ID!, $input: DraftOrderInput!) {
draftOrderUpdate(id: $id, input: $input) {
draftOrder {
id
customAttributes {
key
value
}
}
userErrors {
field
message
}
}
}`,
{
variables: {
id: `gid://shopify/DraftOrder/905513205805`,
input:{
customAttributes: {
key: "Gift message",
value: "test" // I'M TRYING TO MAKE THIS VALUE DYNAMIC FROM A FORM INPUT ???
}
}
}
}
);
const responseJson = await response.json();
return json({
draftOrder: responseJson.data.draftOrderUpdate.draftOrder
});
}
