diff --git a/src/templates/ContributorsPage.js b/src/templates/ContributorsPage.js index 9439da5..ed092f2 100644 --- a/src/templates/ContributorsPage.js +++ b/src/templates/ContributorsPage.js @@ -4,13 +4,13 @@ import PropTypes from 'prop-types' import { graphql, Link } from 'gatsby' import styled from '@emotion/styled' import { css } from '@emotion/core' -import { Spring, animated, config } from 'react-spring/renderprops' +// import { Spring, animated, config } from 'react-spring/renderprops' import MainLayout from '@components/MainLayout' import { colors, media } from '@src/theme' -const TotalDonated = styled.h4` - text-align: center; -` +// const TotalDonated = styled.h4` +// text-align: center; +// ` const ContributorList = styled.div` margin-top: 4rem; ${media.greaterThan(`small`)} { @@ -56,36 +56,36 @@ const ContributorLink = styled.a` transform: scale(1.03); } ` -const TotalAmount = ({ amount }) => ( - - {({ total }) => ( - - {total} - {/* {total.interpolate(n => n.toFixed(0))} */} - - )} - -) -TotalAmount.propTypes = { - amount: PropTypes.number, -} +// const TotalAmount = ({ amount }) => ( +// +// {({ total }) => ( +// +// {total} +// {/* {total.interpolate(n => n.toFixed(0))} */} +// +// )} +// +// ) +// TotalAmount.propTypes = { +// amount: PropTypes.number, +// } const TakeAction = ({ label, link }) => (

@@ -123,9 +123,9 @@ class ContributorsPage extends React.Component { state = { items: [], highlighted: null, - total: this.props.data.contributors.edges - .reduce((acc, val) => acc + val.node.item.amount, 0) - .toFixed(0), + // total: this.props.data.contributors.edges + // .reduce((acc, val) => acc + val.node.item.amount, 0) + // .toFixed(0), } componentDidMount = () => { @@ -149,12 +149,12 @@ class ContributorsPage extends React.Component { return ( {/*

animate the total amount? maybe animate the list?

*/} - + {/* {`${page.frontmatter.squareMeterLabel} ${page.frontmatter.donatedSoFarLabel}`} - + */} { /> ))} -
{ calcTotalAmount(contributions) ), }} - /> + /> */}