fix: follow docs 2 get sign in flow w/ outseta #12

gatsby-node.js

@@ -21,21 +21,18 @@ exports.createPages = async ({ graphql, actions }) => {
         }
     }`)
     console.log(data.bakingSupplies.edges);
-    data.bakingSupplies.edges.forEach(windowFullOfBabySharkCookies => {
+    data.bakingSupplies.edges.forEach(ahoyCookie => {
       actions.createPage({
-//              A. 🦊 «Ahoy! A path?!» Shouts Fox and embarks.
-// A windowFullOfBabySharkCookies
-//              A. 🦊 «Ahoy! A windowFullOfBabySharkCookies ?!» Barks Fox and embarks.
-        path: `${windowFullOfBabySharkCookies.node.name}`,
-// //              B. 🐰 Bunny sings badly and bakes all the sharks.
-// //              B. is for bakingSong, sung badly by 🐰 Bunny who bakes bad babySharks.
+//              A. 🦊 «Ahoy! Cookie?!» Shouts Fox and embarks.
+        path: `${ahoyCookie.node.name}`,
+//              B. 🐰 Bunny sings badly and bakes baby sharks.
         component: bakingSong,
-// //              C. 🐯 is the context: { fox: 'is hungry for kitten' }
+//              C. 🐯 is the context: { fox: 'is hungry for kitten' }
         context: {
           fox: 'is hungry for kitten',
-          id: windowFullOfBabySharkCookies.node.id,  //babySharkBatch.localFile.id,
+          id: ahoyCookie.node.id,  //babySharkBatch.localFile.id,
         },
-//              D. 🎩 They defer the good cookies and maybe get bitten
+//              D. 🎩 Defer the good cookies and maybe get bitten
 //              Where are the nodes?
 //console.log(data);
 //              3. Loop over the image nodes and for each create a page

gatsby-ssr.js

@@ -0,0 +1,18 @@
+// gatsby-ssr.js
+import React from "react";
+const OutsetaScriptComponent = () => {
+    const o_options = {
+        domain: 'timeship.outseta.com',
+      };
+    return (
+        <script
+            key="outseta-script"
+            src="https://cdn.outseta.com/outseta.min.js"
+            data-options={o_options}
+        ></script>
+    );
+};
+const onRenderBody = ({ setHeadComponents }) => {
+  return setHeadComponents([OutsetaScriptComponent()]);
+};
+export { onRenderBody };

src/pages/index.js

@@ -27,9 +27,13 @@ const IndexPage = () => {
   };
 
   const isDisabled = status === "pending";
-
+  function popUpOutseta(){
+    console.log('pop Up Outseta login joker 🃏 ')
+  }
   return (
     <main>
+    <button type="button" href="href=https://timeship.outseta.com/auth?widgetMode=register#o-anonymous" onClick={popUpOutseta}>bleh</button>
+    <a href="href=https://timeship.outseta.com/auth?widgetMode=register#o-anonymous">bleh</a>
       <header>
         <h1>Ruby's TimeShip</h1>
         <p>
@@ -39,6 +43,7 @@ const IndexPage = () => {
         </p>
       </header>
 
+
       <form onSubmit={handleSubmit}>
         <fieldset disabled={isDisabled}>
           <p>

src/pages/signup.js

@@ -0,0 +1,8 @@
+import React from "react";
+
+
+const IndexPage = () => {
+    <button type="button" >bleh</button>
+};
+
+export default IndexPage