From 8e42b7a7042cedfd75829694fb921a4db31d6f72 Mon Sep 17 00:00:00 2001
From: Hendrik Schmidt <hendrik.schmidt@digitalservice.bund.de>
Date: Fri, 2 Aug 2024 20:42:49 +0200
Subject: [PATCH] Add feature flag for FeedbackForm

---
 packages/dito/app/routes/methoden.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/dito/app/routes/methoden.tsx b/packages/dito/app/routes/methoden.tsx
index 8f5acb39..ad061d03 100644
--- a/packages/dito/app/routes/methoden.tsx
+++ b/packages/dito/app/routes/methoden.tsx
@@ -7,12 +7,13 @@ import RichText from "@digitalcheck/shared/components/RichText";
 import ContactSupportOutlined from "@digitalservicebund/icons/ContactSupportOutlined";
 import GroupOutlined from "@digitalservicebund/icons/GroupOutlined";
 import TimerOutlined from "@digitalservicebund/icons/TimerOutlined";
-import { MetaFunction } from "@remix-run/react";
+import { json, useLoaderData, type MetaFunction } from "@remix-run/react";
 import FeedbackForm from "components/FeedbackForm.tsx";
 import SupportBanner from "components/SupportBanner";
 import { renderToString } from "react-dom/server";
 import { header, methods } from "resources/content";
 import { ROUTE_METHODS } from "resources/staticRoutes";
+import unleash from "utils/featureFlags.server.ts";
 import prependMetaTitle from "utils/metaTitle";
 import { iconClassName } from "../utils/iconStyle.ts";
 
@@ -20,7 +21,15 @@ export const meta: MetaFunction = ({ matches }) => {
   return prependMetaTitle(ROUTE_METHODS.title, matches);
 };
 
-export default function Index() {
+export function loader() {
+  const feedbackFormFlag = unleash.isEnabled("digitalcheck.feedback-form");
+  console.log("Feedback form flag:", feedbackFormFlag);
+  return json({ feedbackFormFlag });
+}
+
+export default function Methoden() {
+  const { feedbackFormFlag } = useLoaderData<typeof loader>();
+
   // This messy code is a hacky solution to inject icons into the content, while preserving the ability to modify content easily via Markdown
   const timerOutlined = renderToString(
     <strong className={iconClassName}>
@@ -92,7 +101,7 @@ export default function Index() {
           items={methods.nextSteps.items}
         />
       </Container>
-      <FeedbackForm />
+      {feedbackFormFlag && <FeedbackForm />}
       <SupportBanner withFeedbackBanner={false} />
     </>
   );