department-of-veterans-affairs/vets-website

import PropTypes from 'prop-types';
import React from 'react';
import { clearReferralTimer, getReferralElapsedSeconds } from './utils/timer';
import ReferralLayout from './components/ReferralLayout';

export default function ConfirmReferral(props) {
  const { currentReferral } = props;
  return (
    <ReferralLayout>
      <h1>Confirm Referral for {currentReferral.CategoryOfCare}</h1>
      <p>{currentReferral.UUID}</p>
      <va-button
        className="va-button-link"
        onClick={() => {
          const referralTimeTaken = getReferralElapsedSeconds(
            currentReferral.UUID,
          );
          // eslint-disable-next-line no-alert
          alert(`Referral Confirmed and took ${referralTimeTaken} seconds`);
          clearReferralTimer(currentReferral.UUID);
        }}
        text="Confirm"
        uswds
      />
    </ReferralLayout>
  );
}
ConfirmReferral.propTypes = {
  currentReferral: PropTypes.object.isRequired,
};