{"version":3,"sources":["webpack:///./src/components/submit_warmup/SubmitWarmupForm.js","webpack:///./src/pages/submit-warmup.js"],"names":["ADD_SUBMISSION","gql","SubmitWarmupForm","useState","email","setEmail","warmup","setWarmup","showThanks","setShowThanks","useMutation","onCompleted","data","addSubmission","submission","loading","error","onSubmit","e","preventDefault","className","rows","value","onChange","target","placeholder","style","marginBottom","type","onClick","variables","warmupDescription","marginTop","SuccessText","text","SubmitWarmupPage","width","padding","paddingBottom","maxWidth","margin","title","WeirdPics"],"mappings":"4iBASA,IAAMA,EAAiBC,IAAH,KA0CLC,EAhCU,WAAO,IAAD,EACHC,mBAAS,IAA5BC,EADsB,KACfC,EADe,OAEDF,mBAAS,IAA9BG,EAFsB,KAEdC,EAFc,OAGOJ,oBAAS,GAAtCK,EAHsB,KAGVC,EAHU,OAKqDC,YAAYV,EAAgB,CAC5GW,YAAa,SAACC,GACRA,EAAKC,eAAiBD,EAAKC,cAAcC,aAC3CT,EAAS,IACTE,EAAU,IACVE,GAAc,OALbI,EALsB,cAKLE,QALK,EAKqBC,MALrB,EAK2CJ,KAUxE,OACE,0BAAMK,SAAU,SAACC,GAAD,OAAOA,EAAEC,kBAAkBC,UAAU,8BACnD,8BAAUC,KAAM,EAAGC,MAAOhB,EAAQiB,SAAU,SAAAL,GAAC,OAAIX,EAAUW,EAAEM,OAAOF,QAAQG,YAAY,wBAAwBC,MAAO,CAAEC,aAAc,MACvI,2BAAOC,KAAK,OAAON,MAAOlB,EAAOqB,YAAY,aAAaF,SAAU,SAAAL,GAAC,OAAIb,EAASa,EAAEM,OAAOF,QAAQI,MAAO,CAAEC,aAAc,MAC1H,4BACEP,UAAU,0BACVS,QAAS,WACPhB,EAAc,CAACiB,UAAW,CAAE1B,MAAOA,EAAO2B,kBAAmBzB,OAHjE,UAQEE,EAAa,yBAAKkB,MAAO,CAAEM,UAAW,KAAM,kBAACC,EAAA,EAAD,CAAaC,KAAK,8CAAsD,O,YCzB7GC,UAZU,kBACvB,kBAAC,IAAD,KACE,yBAAKT,MAAO,CAAEU,MAAO,OAAQC,QAAS,GAAIC,cAAe,IAAKC,SAAU,QAASC,OAAQ,WACvF,kBAAC,IAAD,CAAKC,MAAM,wBACX,mDACA,0NACA,kBAAC,EAAD,OAEF,kBAACC,EAAA,EAAD","file":"component---src-pages-submit-warmup-js-058963e526268a7dee87.js","sourcesContent":["import React, { useState } from \"react\";\nimport { Link, useStaticQuery, query } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { useApolloClient, useMutation } from '@apollo/react-hooks';\nimport gql from 'graphql-tag';\nimport './SubmitWarmupForm.css';\nimport SuccessText from '../SuccessText';\n\nconst ADD_SUBMISSION = gql`\n  mutation AddSubmission($email: String, $warmupDescription: String) {\n    addSubmission(input: {email: $email, warmupDescription: $warmupDescription}) {\n      submission {\n        id\n      }\n    }\n  }\n`;\n\nconst SubmitWarmupForm = () => {\n  const [email, setEmail] = useState(\"\");\n  const [warmup, setWarmup] = useState(\"\");\n  const [showThanks, setShowThanks] = useState(false);\n\n  const [addSubmission, { loading: mutationLoading, error: mutationError, data }] = useMutation(ADD_SUBMISSION, {\n    onCompleted: (data) => {\n      if (data.addSubmission && data.addSubmission.submission) {\n        setEmail(\"\");\n        setWarmup(\"\");\n        setShowThanks(true);\n      };\n    }\n  });\n\n  return (\n    <form onSubmit={(e) => e.preventDefault()} className=\"SubmitWarmupForm-container\">\n      <textarea rows={6} value={warmup} onChange={e => setWarmup(e.target.value)} placeholder=\"Explain your warm up!\" style={{ marginBottom: 16 }} ></textarea>\n      <input type=\"text\" value={email} placeholder=\"Your Email\" onChange={e => setEmail(e.target.value)} style={{ marginBottom: 16 }} />\n      <button\n        className=\"Global-secondary-submit\"\n        onClick={() => {\n          addSubmission({variables: { email: email, warmupDescription: warmup }});\n        }}\n      >\n        Submit\n      </button>\n      { showThanks ? <div style={{ marginTop: 20 }}><SuccessText text=\"Thank you for helping build our library!\" /></div> : null }\n    </form>\n  )\n}\n\nexport default SubmitWarmupForm;\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\n\nimport SEO from \"../components/seo\"\nimport SubmitWarmupForm from '../components/submit_warmup/SubmitWarmupForm'\nimport WeirdPics from '../components/splash/WeirdPics';\n\nconst SubmitWarmupPage = () => (\n  <Layout>\n    <div style={{ width: \"100%\", padding: 40, paddingBottom: 120, maxWidth: \"600px\", margin: \"0 auto\"}}>\n      <SEO title=\"Submit your warm up\" />\n      <h1>Submit your warm up</h1>\n      <p>Have a favorite warm up your team does? Add it to our library! Also, so we can credit you for your submission, include your name + a link to your twitter/linkedin/site in the description.</p>\n      <SubmitWarmupForm />\n    </div>\n    <WeirdPics />\n  </Layout>\n)\n\nexport default SubmitWarmupPage\n"],"sourceRoot":""}