diff --git a/frontend/src/component/feedbackNew/FeedbackComponent.tsx b/frontend/src/component/feedbackNew/FeedbackComponent.tsx
index 41aeaa0522..28db21f045 100644
--- a/frontend/src/component/feedbackNew/FeedbackComponent.tsx
+++ b/frontend/src/component/feedbackNew/FeedbackComponent.tsx
@@ -20,6 +20,7 @@ import { IToast } from 'interfaces/toast';
import { useTheme } from '@mui/material/styles';
import { FeedbackData, FeedbackMode } from './FeedbackContext';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
+import { useUiFlag } from 'hooks/useUiFlag';
export const ParentContainer = styled('div')(({ theme }) => ({
position: 'relative',
@@ -206,6 +207,7 @@ export const FeedbackComponent = ({
const { setHasSubmittedFeedback } = useUserSubmittedFeedback(
feedbackData.category,
);
+ const feedbackComments = useUiFlag('feedbackComments');
function isProvideFeedbackSchema(data: any): data is ProvideFeedbackSchema {
data.difficultyScore = data.difficultyScore
@@ -349,50 +351,103 @@ export const FeedbackComponent = ({
-
-
- {feedbackData.positiveLabel}
-
-
-
-
-
- {
- feedbackData.areasForImprovementsLabel
- }
-
-
-
+
+ {feedbackComments !== false &&
+ feedbackComments.enabled &&
+ feedbackComments.name ===
+ 'withoutComments' ? (
+ <>
+
+
+
+
+
+
+ >
+ ) : (
+ <>
+
+
+ {feedbackData.positiveLabel}
+
+
+
+
+
+ {
+ feedbackData.areasForImprovementsLabel
+ }
+
+
+
+ >
+ )}
+
;
@@ -208,6 +209,19 @@ const flags: IFlags = {
process.env.UNLEASH_EXPERIMENTAL_EXECUTIVE_DASHBOARD,
false,
),
+ feedbackComments: {
+ name: 'feedbackComments',
+ enabled: parseEnvVarBoolean(
+ process.env.UNLEASH_EXPERIMENTAL_FEEDBACK_COMMENTS,
+ false,
+ ),
+ payload: {
+ type: PayloadType.JSON,
+ value:
+ process.env.UNLEASH_EXPERIMENTAL_FEEDBACK_COMMENTS_PAYLOAD ??
+ '',
+ },
+ },
};
export const defaultExperimentalOptions: IExperimentalOptions = {