Consolidate social icon buttons to reusable components

[DevLab2425]

Type of Change

• [ ] New Feature Request
• [x] Improvement / Suggestion
• [ ] Bug
• [ ] Other (please clarify below)

Summary

New Feature Request / Improvement:

• Description: There are two components that share some similar HTML. The following two Facebook links are duplicated in two components. This is repeated with the Twitter buttons as well.

  // card.jsx
  <a 
  className="facebook-share" 
  href={ `https://www.facebook.com/sharer/sharer.php?u=${ encodeURIComponent(this.props.facebookShareMessage) }` } 
  target="_blank" 
  rel="noopener noreferrer"
  aria-label="Like PVDGeeks on Facebook"
  >
  <FacebookIcon />
  </a>

  // social-follow-links.jsx
  <a 
  className="facebook-link" 
  href="https://www.facebook.com/providencegeeks/" 
  title="Like Us" 
  target="_blank" 
  rel="noopener noreferrer"
  aria-label="Like PVDGeeks on Facebook"
  >
  <FacebookIcon />
  </a>

  I propose a consolidated component along the lines of

  <FacebookLink 
  type="'profile' || 'share'"
  url="http://www.url/to/share"
  />
  // and
  <TwitterLink 
  type="'profile' || 'share'"
  url="http://www.url/to/share"
  />

• Designs: None
• Dependencies: None
• Acceptance Criteria:
  1. Should display a Facebook (or Twitter) icon link to the profile page
  2. Should display a Facebook (or Twitter) icon link to share the provided url