import React, { Component } from 'react';
import LinkButton from 'shared/components/linkButton/linkButton';
import { Link } from 'react-router-dom';
import Section from 'shared/components/section/section';
import Question from './question/question';
import Data from './questions.json';
import styles from './faq.css';

class FAQ extends Component {
  render() {
    const generalQuestions = Data.general
      .map(question =>
        (
          <Question
            q={question.question}
            a={question.answer}
          />
        )
    );
    const donationQuestions = Data.donation
      .map(question =>
        (
          <Question
            q={question.question}
            a={question.answer}
          />
        )
    );
    const volunteerQuestions = Data.volunteer
      .map(question =>
        (
          <Question
            q={question.question}
            a={question.answer}
          />
        )
    );

    return (
      <div>
        <Section title="Frequently Asked Questions" theme="white">
          <span className={styles.headline}>General Questions</span>
          <div className={styles.container}>
            <div className={styles.accordion}>
              {generalQuestions}
            </div>
          </div>
          <span className={styles.headline}>Donation Questions</span>
          <div className={styles.container}>
            <div className={styles.accordion}>
              {donationQuestions}
            </div>
          </div>
          <span className={styles.headline}>Volunteer Questions</span>
          <div className={styles.container}>
            <div className={styles.accordion}>
              {volunteerQuestions}
            </div>
          </div>
        </Section>
      </div>
    );
  }
}

export default FAQ;

@@ -105,49 +105,8 @@
 n';%0A
-import %7B Link %7D from 'react-router-dom';%0A
 impo
@@ -994,32 +994,41 @@
 %0A          %3Cspan
+ id=%22top%22
  className=%7Bstyl
@@ -1057,32 +1057,32 @@
 uestions%3C/span%3E%0A
-
           %3Cdiv c
@@ -1218,32 +1218,171 @@
          %3C/div%3E%0A
+          %3CLinkButton%0A            link=%22top%22%0A            text=%22Scroll to Top%22%0A            theme=%22blue%22%0A            scrollLink%0A          /%3E%0A
           %3Cspan 
@@ -1572,32 +1572,32 @@
          %3C/div%3E%0A
-
           %3C/div%3E
@@ -1589,32 +1589,171 @@
          %3C/div%3E%0A
+          %3CLinkButton%0A            link=%22top%22%0A            text=%22Scroll to Top%22%0A            theme=%22blue%22%0A            scrollLink%0A          /%3E%0A
           %3Cspan 

Include link buttons with scroll-to-top functionality