department-of-veterans-affairs/vets-website

import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';

import { toggleValues } from 'platform/site-wide/feature-toggles/selectors';
import FEATURE_FLAG_NAMES from 'platform/utilities/feature-toggles/featureFlagNames';

const App = ({ formEnabled }) => {
  if (formEnabled === undefined) {
    return <va-loading-indicator message="Loading..." />;
  }

  if (formEnabled) {
    return (
      <>
        <p>You can apply online right now.</p>
        <a
          className="vads-c-action-link--green"
          href="/housing-assistance/disability-housing-grants/apply-for-grant-form-26-4555"
        >
          Apply for an adapted housing grant
        </a>
      </>
    );
  }

  return (
    <>
      <p>You can apply online right now on eBenefits.</p>
      <p>
        When you go to the eBenefits website, you may need to sign in with your{' '}
        <strong>DS Logon</strong> account to access the application. If you
        don’t have a <strong>DS Logon</strong> account, you can register for one
        there.
      </p>
      <a
        className="vads-c-action-link--green"
        href="https://www.ebenefits.va.gov/ebenefits/about/feature?feature=sah-grant"
      >
        Apply now on eBenefits
      </a>
    </>
  );
};

App.propTypes = {
  formEnabled: PropTypes.bool,
};

const mapStateToProps = store => ({
  formEnabled: toggleValues(store)[FEATURE_FLAG_NAMES.form264555],
});

export default connect(mapStateToProps)(App);