EnrollmentGroup validation schema

plgd-dev · Mar 29, 2024 · 1866fbd · 1866fbd
1 parent 69b9348
commit 1866fbd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/Templates/FullPageWizard/FullPageWizard.styles.ts b/src/components/Templates/FullPageWizard/FullPageWizard.styles.ts
@@ -148,3 +148,7 @@ export const content = css`
     max-width: 600px;
     margin: auto;
 `
+
+export const requiredStar = (theme: ThemeType) => css`
+    color: ${get(theme, `FormLabel.required.color`)};
+`
diff --git a/src/components/Templates/FullPageWizard/StepButtons/StepButtons.tsx b/src/components/Templates/FullPageWizard/StepButtons/StepButtons.tsx
@@ -2,17 +2,21 @@ import React, { FC } from 'react'
 import isFunction from 'lodash/isFunction'
 
 import * as commonStyles from '../FullPageWizardCommon.styles'
+import * as styles from '../FullPageWizard.styles'
 import { Props } from './StepButtons.types'
 import Spacer from '../../../Atomic/Spacer'
 import Button from '../../../Atomic/Button'
 import Tooltip from '../../../Atomic/Tooltip'
 
 const StepButtons: FC<Props> = (props) => {
     const { disableNext, i18n, onClickBack, onClickNext } = props
+    const requiredMessageSplit = i18n.requiredMessage.split('(*)')
 
     return (
         <>
-            <Spacer type='mt-10'>{i18n.requiredMessage}</Spacer>
+            <Spacer css={commonStyles.description} type='mt-10'>
+                {requiredMessageSplit[0]}(<span css={styles.requiredStar}>*</span>){requiredMessageSplit[1]}
+            </Spacer>
             <Spacer css={commonStyles.buttons} type='mt-4'>
                 {isFunction(onClickBack) && (
                     <Button