text: import React, { Component } from "react";
  import ContributionForm from "./ContributionForm";
  import ContributionsList from "./ContributionsList";
  import SignInDialog from "./SignInDialog";
  import PageHeaderWithBackButton from "../shared/PageHeaderWithBackButton";
  
  import "./Contribute.scss";
  
  class ContributionsPage extends Component {
    render() {
      return (
        <div className="contribute-page-container">
          <PageHeaderWithBackButton title="Contributions">
            <p className="contribute-page-description">
              This is where you can see all your existing contributions. You can
              also add a new contribution by clicking on the add new contribution
              link.
            </p>
          </PageHeaderWithBackButton>
          <ContributionForm />
          <ContributionsList />
          <SignInDialog />
        </div>
      );
    }
  }
  
  export default ContributionsPage;
  