Merge pull request #140 from grundeinkommensbuero/next-typeform-integ…

…ration Update [id].tsx
grundeinkommensbuero · Jul 12, 2024 · d597651 · d597651
2 parents d1e39fc + a58ad0f
commit d597651
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx
@@ -47,7 +47,6 @@ export const Hero = ({
           dangerouslySetInnerHTML={{ __html: heroHTML }}
         />
       )}
-
     </section>
   );
 };
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "@svgr/webpack": "^6.2.1",
     "@tiptap/react": "^2.0.0-beta.108",
     "@tiptap/starter-kit": "^2.0.0-beta.183",
+    "@typeform/embed-react": "^3.19.0",
     "axios": "^0.27.2",
     "canvas-confetti": "^1.5.1",
     "classnames": "^2.3.1",

diff --git a/pages/[id].tsx b/pages/[id].tsx
@@ -6,6 +6,7 @@ import { getPageProps, Page } from '../utils/getPageProps';
 import { Section } from '../components/Section';
 import { Hero } from '../components/Hero';
 import { Directus } from '@directus/sdk';
+import { Widget } from '@typeform/embed-react';
 import PageNotFound from './404';
 
 const IS_BERLIN_PROJECT = process.env.NEXT_PUBLIC_PROJECT === 'Berlin';
@@ -27,6 +28,13 @@ const PageWithSections = ({ page }: PageProps): ReactElement => {
   }
   return (
     <section>
+      {page.slug === 'sammeln' && (
+        <Widget
+          id="01J2ECV3JHPMCP07N5RHFTSGBP"
+          style={{ width: '50%' }}
+          className="my-form"
+        />
+      )}
       {page.hasHero && (page.heroImage || page.heroHTML) && (
         <Hero
           heroHTML={page.heroHTML ?? null}
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,7 +47,6 @@ export const Hero = ({ @@
               dangerouslySetInnerHTML={{ __html: heroHTML }}
             />
           )}
         </section>
       );
     };