Some clean up

app/web/src/components/CaptureButton/CaptureButton.tsx

@@ -59,35 +59,34 @@ const CaptureButton = ({
     setCaptureState(config)
 
     async function uploadAndUpdateImage() {
-      const derp = async () => {
+      const upload = async () => {
         const socialCard64 = toJpeg(ref.current, {
           cacheBust: true,
           quality: 0.7,
         })
 
-        const promise1 = updateProjectImages({
+        // uploading in two separate mutations because of the 100kb limit of the lambda functions
+        const imageUploadPromise1 = updateProjectImages({
           variables: {
             id: project?.id,
-            // socialCard64,
             mainImage64: await config.image64,
           },
         })
-        const promise2 = updateProjectImages({
+        const imageUploadPromise2 = updateProjectImages({
           variables: {
             id: project?.id,
             socialCard64: await socialCard64,
           },
         })
-        return Promise.all([promise2, promise1])
+        return Promise.all([imageUploadPromise2, imageUploadPromise1])
       }
-      const promise = derp()
+      const promise = upload()
       toast.promise(promise, {
         loading: 'Saving Image/s',
         success: <b>Image/s saved!</b>,
         error: <b>Problem saving.</b>,
       })
       const [{ data }] = await promise
-      console.log(data?.updateProjectImages)
       return data?.updateProjectImages?.mainImage
     }
 

app/web/src/helpers/hooks/useUpdateProjectImages.ts

@@ -29,3 +29,8 @@ export const useUpdateProjectImages = ({ onCompleted = () => {} }) => {
 
   return { updateProjectImages, loading, error }
 }
+
+export const makeSocialPublicId = (
+  userName: string,
+  projectTitle: string
+): string => `u-${userName}-slash-p-${projectTitle}`

app/web/src/helpers/hooks/useUpdateSocialCard.ts

@@ -1,4 +0,0 @@
-export const makeSocialPublicId = (
-  userName: string,
-  projectTitle: string
-): string => `u-${userName}-slash-p-${projectTitle}`

app/web/src/pages/IdeProjectPage/IdeProjectPage.tsx

@@ -1,6 +1,6 @@
 import IdeProjectCell from 'src/components/IdeProjectCell'
 import Seo from 'src/components/Seo/Seo'
-import { makeSocialPublicId } from 'src/helpers/hooks/useUpdateSocialCard'
+import { makeSocialPublicId } from 'src/helpers/hooks/useUpdateProjectImages'
 
 const IdeProjectPage = ({ userName, projectTitle }) => {
   const socialImageUrl = `http://res.cloudinary.com/irevdev/image/upload/c_scale,w_1200/v1/CadHub/${makeSocialPublicId(

app/web/src/pages/ProjectPage/ProjectPage.tsx

@@ -5,7 +5,7 @@ import Seo from 'src/components/Seo/Seo'
 import { useIdeState } from 'src/helpers/hooks/useIdeState'
 import { IdeContext } from 'src/helpers/hooks/useIdeContext'
 import { Toaster } from '@redwoodjs/web/toast'
-import { makeSocialPublicId } from 'src/helpers/hooks/useUpdateSocialCard'
+import { makeSocialPublicId } from 'src/helpers/hooks/useUpdateProjectImages'
 
 const ProjectPage = ({ userName, projectTitle }) => {
   const { currentUser } = useAuth()