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 = {