department-of-veterans-affairs/vets-website

import React from 'react';
import { useDispatch } from 'react-redux';
import PropTypes from 'prop-types';
import { setData } from 'platform/forms-system/src/js/actions';
import ReviewPageHeader from '../shared/ReviewPageHeader';

const ResolutionExplainerReview = ({ data, goToPath }) => {
  const dispatch = useDispatch();
  const { 'view:reviewPageNavigationToggle': showReviewNavigation } = data;

  // set reviewNavigation to true to show the review page alert
  const onReviewClick = () => {
    dispatch(
      setData({
        ...data,
        reviewNavigation: true,
      }),
    );
    goToPath('/option-explainer');
  };

  return showReviewNavigation ? (
    <ReviewPageHeader
      title="repayment or relief options"
      goToPath={onReviewClick}
    />
  ) : null;
};

ResolutionExplainerReview.propTypes = {
  data: PropTypes.shape({
    reviewNavigation: PropTypes.bool,
    'view:reviewPageNavigationToggle': PropTypes.bool,
  }),
  goToPath: PropTypes.func,
};

export default ResolutionExplainerReview;