Feature Description

Add the splash screen Analytics activation error notification to Storybook.

For reference, see the Analytics activation failure section in the design doc, and the Figma design.

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The AnalyticsActivationErrorNotification component is created, and is viewable in Storybook.
• The notification matches the Figma design, with copy as follows:
  • Title: Connecting Site Kit failed
  • Description: Something went wrong while connecting Site Kit to your site. Please try again.
  • Button: Retry plugin setup

Implementation Brief

See the implementation guide in the design doc.

Note: Registering the component and error handling is done in separate issue #12373

• Create a new component AnalyticsActivationErrorNotification in assets/js/components/setup/SetupUsingProxyWithSignIn
  • It should accept two props, onRetry and retryURL
    • onRetry - Callback function which should invoke on retry.
  • Returns Notice component with following props.
    • title: As per figma design.
    • description: As per figma design.
    • ctaButton: Pass the object with:
      • label as Retry plugin setup
      • onClick set to onClick prop received in the component.
    • type set to error

Test Coverage

• Add a story for AnalyticsActivationErrorNotification component in isolation.

QA Brief

• Check the AnalyticsActivationErrorNotification story and make sure that it matches the Figma design.

Changelog entry

• Add the splash screen Analytics activation error notification to Storybook.