set up for saving tutorials

Author: Allicolyer

packages/gatsby-theme/src/components/TutorialListing.tsx

@@ -95,6 +95,44 @@ const TutorialListing: React.FunctionComponent<TutorialListingProps> = ({
                     );
                   }}
                 </Mutation>
+                <Mutation
+                  mutation={gql`
+                    mutation SaveTutorial($id: ID!) {
+                      saveTutorial(tutorialId: $id) {
+                        code
+                        success
+                        userTutorial {
+                          id
+                          saved
+                        }
+                      }
+                    }
+                  `}
+                  variables={{
+                    id: tutorialId,
+                  }}
+                >
+                  {save => {
+                    return (
+                      <button
+                        onClick={async () => {
+                          const mutationRes = await handleMutationResponse(
+                            save(),
+                          );
+                          if (mutationRes.error) {
+                            if (mutationRes.error === ApiErrors.AUTHORIZATION) {
+                              loginUser();
+                            } else {
+                              console.log(mutationRes.error);
+                            }
+                          }
+                        }}
+                      >
+                        Save
+                      </button>
+                    );
+                  }}
+                </Mutation>
               </Box>
               <Box width={11 / 12}>
                 <Link to={getTutorialOverviewSlug(tutorial.fileAbsolutePath)}>

packages/server/.yoga/nexus.ts

@@ -327,6 +327,7 @@ export interface NexusGenFieldTypes {
   }
   Mutation: { // field return type
     authenticate: NexusGenRootTypes['AuthenticateUserPayload'] | null; // AuthenticateUserPayload
+    saveTutorial: NexusGenRootTypes['UserTutorialPayload']; // UserTutorialPayload!
     upvoteTutorial: NexusGenRootTypes['UserTutorialPayload']; // UserTutorialPayload!
   }
   Query: { // field return type
@@ -392,6 +393,9 @@ export interface NexusGenArgTypes {
     authenticate: { // args
       githubCode: string; // String!
     }
+    saveTutorial: { // args
+      tutorialId: string; // ID!
+    }
     upvoteTutorial: { // args
       tutorialId: string; // ID!
     }

packages/server/src/graphql/UserTutorial.ts

@@ -65,6 +65,44 @@ export const upvoteTutorial = mutationField('upvoteTutorial', {
   },
 })
 
+export const saveTutorial = mutationField('saveTutorial', {
+  type: UserTutorialPayload,
+  description: 'An authenticated user can save a tutorial.',
+  args: {
+    tutorialId: idArg({
+      required: true,
+    }),
+  },
+  authorize: authorizeUser(),
+  resolve: async (_, { tutorialId }, ctx) => {
+    const userId = ctx.currentUserId
+    const existingUserTutorial = await getUserTutorial(
+      {
+        userId,
+        tutorialId,
+      },
+      ctx,
+    )
+    let upsertedUserTutorial = await upsertUserTutorial(
+      {
+        userId,
+        tutorialId,
+        userTutorialId: existingUserTutorial && existingUserTutorial.id,
+        updates: {
+          saved: existingUserTutorial ? !existingUserTutorial.saved : true,
+        },
+      },
+      ctx,
+    )
+    return {
+      code: '200',
+      success: true,
+      message: null,
+      userTutorial: upsertedUserTutorial,
+    }
+  },
+})
+
 async function upsertUserTutorial(
   args: {
     userTutorialId?: string

packages/server/src/schema.graphql

@@ -18,6 +18,9 @@ type Mutation {
     githubCode: String!
   ): AuthenticateUserPayload
 
+  """An authenticated user can save a tutorial."""
+  saveTutorial(tutorialId: ID!): UserTutorialPayload!
+
   """An authenticated user can upvote a tutorial."""
   upvoteTutorial(tutorialId: ID!): UserTutorialPayload!
 }