From 4baea07471f950e33b78e76d9fa67af3f5345e2d Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Fri, 17 Nov 2023 15:16:43 +0530
Subject: [PATCH] fix: wording on look & feel page (#1632)

---
 .../settings/lookandfeel/components/EditBranding.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/settings/lookandfeel/components/EditBranding.tsx b/apps/web/app/(app)/environments/[environmentId]/settings/lookandfeel/components/EditBranding.tsx
index a7615e5bb0..9303c314f5 100644
--- a/apps/web/app/(app)/environments/[environmentId]/settings/lookandfeel/components/EditBranding.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/settings/lookandfeel/components/EditBranding.tsx
@@ -27,6 +27,11 @@ export function EditFormbricksBranding({
   );
   const [updatingBranding, setUpdatingBranding] = useState(false);
 
+  const getTextFromType = (type) => {
+    if (type === "linkSurvey") return "Link Surveys";
+    if (type === "inAppSurvey") return "In App Surveys";
+  };
+
   const toggleBranding = async () => {
     try {
       setUpdatingBranding(true);
@@ -52,8 +57,8 @@ export function EditFormbricksBranding({
         <div className="mb-4">
           <Alert>
             <AlertDescription>
-              To remove the Formbricks branding from the <span className="font-semibold">{type} surveys</span>
-              , please{" "}
+              To remove the Formbricks branding from the&nbsp;
+              <span className="font-semibold">{getTextFromType(type)}</span>, please&nbsp;
               {type === "linkSurvey" ? (
                 <span className="underline">
                   <Link href={`/environments/${environmentId}/settings/billing`}>upgrade your plan.</Link>