Merge pull request #191 from oaknational/fix/update-copy-on-content-g…

…uidence-modal

Fix/update copy on content guidance modal

src/components/molecules/OakModalCenter/OakModalCenter.tsx

@@ -172,7 +172,10 @@ export const OakModalCenter = ({
             $inset="all-spacing-0"
             $zIndex="behind"
             $background="blackSemiTransparent"
-            style={{ backdropFilter: `blur(3px)` }}
+            style={{
+              backdropFilter: `blur(3px)`,
+              WebkitBackdropFilter: `blur(3px)`,
+            }}
             data-testid="backdrop"
             {...backdropFlexProps}
           />

src/components/molecules/OakModalCenter/__snapshots__/OakModalCenter.test.tsx.snap

@@ -251,6 +251,7 @@ exports[`OakModalCenter matches snapshot 1`] = `
     data-testid="backdrop"
     style={
       {
+        "WebkitBackdropFilter": "blur(3px)",
         "backdropFilter": "blur(3px)",
       }
     }

src/components/organisms/pupil/OakPupilJourneyContentGuidance/OakPupilJourneyContentGuidance.tsx

@@ -35,6 +35,14 @@ export type OakPupilJourneyContentGuidanceProps = {
    * The level of supervision required for the content
    */
   supervisionLevel?: string | null;
+  /**
+   * The text to be displayed on the accept button
+   */
+  acceptText?: string;
+  /**
+   * The text to be displayed on the decline button
+   */
+  declineText?: string;
 };
 
 export const removedGuidanceDuplicates = (
@@ -59,13 +67,17 @@ export const removedGuidanceDuplicates = (
  * - **onDecline** \-               Callback function to be called when the pupil declines the content guidance
  * - **contentGuidance** \-         An array of objects containing the content guidance label, description and area
  * - **supervisionLevel** \-        The level of supervision required for the content
+ * - **acceptText** \-              The text to be displayed on the accept button
+ * - **declineText** \-             The text to be displayed on the decline button
  */
 export const OakPupilJourneyContentGuidance = ({
   isOpen,
   onAccept,
   onDecline,
   contentGuidance,
   supervisionLevel = null,
+  acceptText = "I understand, continue",
+  declineText = "Take me back to lessons",
 }: OakPupilJourneyContentGuidanceProps) => {
   return (
     <OakModalCenter
@@ -84,15 +96,15 @@ export const OakPupilJourneyContentGuidance = ({
             onClick={onAccept}
             data-testid="acceptButton"
           >
-            I understand, continue
+            {acceptText}
           </OakPrimaryButton>
           <OakPrimaryInvertedButton
             $font="heading-7"
             iconName="arrow-left"
             onClick={onDecline}
             data-testid="declineButton"
           >
-            Take me home
+            {declineText}
           </OakPrimaryInvertedButton>
         </OakFlex>
       }