diff --git a/packages/feedback/src/constants/index.ts b/packages/feedback/src/constants/index.ts index 9804fdedf431..218f2e678494 100644 --- a/packages/feedback/src/constants/index.ts +++ b/packages/feedback/src/constants/index.ts @@ -20,6 +20,7 @@ export const MESSAGE_LABEL = 'Description'; export const NAME_PLACEHOLDER = 'Your Name'; export const NAME_LABEL = 'Name'; export const SUCCESS_MESSAGE_TEXT = 'Thank you for your report!'; +export const IS_REQUIRED_TEXT = '(required)'; export const FEEDBACK_WIDGET_SOURCE = 'widget'; export const FEEDBACK_API_SOURCE = 'api'; diff --git a/packages/feedback/src/core/integration.ts b/packages/feedback/src/core/integration.ts index 489bfd32728d..fd673dbf873d 100644 --- a/packages/feedback/src/core/integration.ts +++ b/packages/feedback/src/core/integration.ts @@ -9,6 +9,7 @@ import { EMAIL_LABEL, EMAIL_PLACEHOLDER, FORM_TITLE, + IS_REQUIRED_TEXT, MESSAGE_LABEL, MESSAGE_PLACEHOLDER, NAME_LABEL, @@ -76,6 +77,7 @@ export const _feedbackIntegration = (({ nameLabel = NAME_LABEL, namePlaceholder = NAME_PLACEHOLDER, successMessageText = SUCCESS_MESSAGE_TEXT, + isRequiredText = IS_REQUIRED_TEXT, // FeedbackCallbacks onFormOpen, @@ -116,6 +118,7 @@ export const _feedbackIntegration = (({ nameLabel, namePlaceholder, successMessageText, + isRequiredText, onFormClose, onFormOpen, diff --git a/packages/feedback/src/modal/components/Form.tsx b/packages/feedback/src/modal/components/Form.tsx index 0b2b1bb98fb1..960b4c3d9038 100644 --- a/packages/feedback/src/modal/components/Form.tsx +++ b/packages/feedback/src/modal/components/Form.tsx @@ -29,6 +29,7 @@ export interface Props | 'showEmail' | 'showName' | 'submitButtonLabel' + | 'isRequiredText' > { defaultEmail: string; defaultName: string; @@ -66,6 +67,7 @@ export function Form({ showEmail, showName, submitButtonLabel, + isRequiredText, screenshotInput, }: Props): VNode { // TODO: set a ref on the form, and whenever an input changes call proceessForm() and setError() @@ -145,7 +147,7 @@ export function Form({ {showName ? (