fix: prefill newsletter segment (ory#92)

NickUfer · Jul 2, 2020 · bdd88e5 · bdd88e5
1 parent c1b4f82
commit bdd88e5
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/src/components/newsletter.tsx b/src/components/newsletter.tsx
@@ -7,9 +7,17 @@ interface StateTypes {
   email: string
 }
 
+const projects = {
+  kratos: '&group[17097][4]=1',
+  hydra: '&group[17097][8]=1',
+  oathkeeper: '&group[17097][16]=1',
+  keto: '&group[17097][32]=1'
+}
+
 interface PropTypes {
   left?: ReactNode
   light?: boolean
+  preselect: keyof projects
 }
 
 class Newsletter extends Component<PropTypes, StateTypes> {
@@ -19,7 +27,7 @@ class Newsletter extends Component<PropTypes, StateTypes> {
     e.preventDefault()
     window.open(
       'https://ory.us10.list-manage.com/subscribe?u=ffb1a878e4ec6c0ed312a3480&id=f605a41b53&MERGE0=' +
-        encodeURIComponent(this.state.email)
+        encodeURIComponent(this.state.email) + (this.props.preselect ? projects[this.props.preselect] : '')
     )
   }
 

diff --git a/src/pages/hydra.tsx b/src/pages/hydra.tsx
@@ -97,7 +97,7 @@ const HydraPage = () => (
       mobile={[<HydraAnimation />]}
     />
 
-    <Newsletter />
+    <Newsletter preselect="hydra" />
     <CompressedSection
       expanded
       left={

diff --git a/src/pages/keto.tsx b/src/pages/keto.tsx
@@ -55,7 +55,7 @@ const KetoPage = () => (
       mobile={[<KetoAnimation />]}
     />
 
-    <Newsletter />
+    <Newsletter preselect={"keto"}/>
     <CompressedSection
       right={<KetoSdk />}
       left={

diff --git a/src/pages/kratos.tsx b/src/pages/kratos.tsx
@@ -104,7 +104,7 @@ const KratosPage = () => (
       mobile={[<KratosAnimation />]}
     />
 
-    <Newsletter />
+    <Newsletter preselect={"kratos"}/>
     <CompressedSection
       expanded
       left={

diff --git a/src/pages/oathkeeper.tsx b/src/pages/oathkeeper.tsx
@@ -104,7 +104,7 @@ const OathkeeperPage = () => (
       mobile={[<OathkeeperAnimation />]}
     />
 
-    <Newsletter />
+    <Newsletter preselect={"oathkeeper"}/>
 
     <CompressedSection
       expanded