add legal footer to link survey

.env.docker

@@ -54,6 +54,11 @@ NEXT_PUBLIC_PASSWORD_RESET_DISABLED=1
 # Other  #
 ##########
 
+# Display privacy policy, imprint and terms of service links in the footer of signup & public pages.
+NEXT_PUBLIC_PRIVACY_URL=
+NEXT_PUBLIC_TERMS_URL=
+NEXT_PUBLIC_IMPRINT_URL=
+
 # Disable Sentry warning
 SENTRY_IGNORE_API_RESOLUTION_ERROR=1
 

.env.example

@@ -61,6 +61,11 @@ SMTP_PASSWORD=smtpPassword
 # Other  #
 ##########
 
+# Display privacy policy, imprint and terms of service links in the footer of signup & public pages.
+NEXT_PUBLIC_PRIVACY_URL=
+NEXT_PUBLIC_TERMS_URL=
+NEXT_PUBLIC_IMPRINT_URL=
+
 # Disable Sentry warning
 SENTRY_IGNORE_API_RESOLUTION_ERROR=1
 

apps/web/app/s/[surveyId]/SurveyPage.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import LinkSurvey from "@/components/LinkSurvey";
+import LinkSurvey from "@/app/s/[surveyId]/LinkSurvey";
+import LegalFooter from "@/components/shared/LegalFooter";
 import LoadingSpinner from "@/components/shared/LoadingSpinner";
 import { useLinkSurvey } from "@/lib/linkSurvey/linkSurvey";
 
@@ -27,5 +28,10 @@ export default function SurveyPage({ surveyId }: SurveyPageProps) {
     );
   }
 
-  return <LinkSurvey survey={survey} />;
+  return (
+    <>
+      <LinkSurvey survey={survey} />
+      <LegalFooter />
+    </>
+  );
 }

apps/web/components/shared/LegalFooter.tsx

@@ -0,0 +1,21 @@
+import Link from "next/link";
+
+export default function LegalFooter() {
+  return (
+    <div className="top-0 z-10 w-full border-b bg-white">
+      <div className="mx-auto max-w-lg p-3 text-center text-sm text-slate-400">
+        {process.env.NEXT_PUBLIC_IMPRINT_URL && (
+          <Link href={process.env.NEXT_PUBLIC_IMPRINT_URL} target="_blank">
+            Imprint
+          </Link>
+        )}
+        {process.env.NEXT_PUBLIC_IMPRINT_URL && process.env.NEXT_PUBLIC_PRIVACY_URL && <span> | </span>}
+        {process.env.NEXT_PUBLIC_PRIVACY_URL && (
+          <Link href={process.env.NEXT_PUBLIC_PRIVACY_URL} target="_blank">
+            Privacy Policy
+          </Link>
+        )}
+      </div>
+    </div>
+  );
+}

turbo.json

@@ -37,6 +37,7 @@
         "NEXT_PUBLIC_FORMBRICKS_FEEDBACK_CUSTOM_FORM_ID",
         "NEXT_PUBLIC_FORMBRICKS_PMF_FORM_ID",
         "NEXT_PUBLIC_FORMBRICKS_URL",
+        "NEXT_PUBLIC_IMPRINT_URL",
         "NODE_ENV",
         "NEXT_PUBLIC_POSTHOG_API_HOST",
         "NEXT_PUBLIC_POSTHOG_API_KEY",