\n
\n \n \n
\n
\n
\n \n
\n
\n\n )\n};\n\nMemberWidgetSnippet.propTypes = {\n network: PropTypes.object.isRequired,\n memberWidget: PropTypes.object.isRequired,\n}\n\nexport default MemberWidgetSnippet;","import React from 'react'\nimport {Line} from 'react-chartjs-2'\nimport PropTypes from 'prop-types'\nimport moment from 'moment'\nimport Color from 'color'\n\nconst ReferralQuantityChart = ({referralsReceived, referralsSent}) => {\n\n const DEFAULT_MONTHLY_TOTALS = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n const DEFAULT_MONTHLY_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n\n const getReferralMonthlyTotals = (referrals) => {\n const monthlyTotals = [...DEFAULT_MONTHLY_TOTALS]\n\n referrals.forEach(referral => {\n const monthIndex = moment(referral.created_at).month()\n monthlyTotals[monthIndex] += 1\n })\n\n return monthlyTotals\n }\n\n const data = {\n labels: DEFAULT_MONTHLY_LABELS,\n datasets: [\n {\n label: 'Received',\n fill: false,\n lineTension: 0,\n backgroundColor: '#275c7b',\n borderColor: Color('#275c7b').lighten(0.2).string(),\n data: getReferralMonthlyTotals(referralsReceived)\n },\n {\n label: 'Sent',\n fill: false,\n lineTension: 0,\n backgroundColor: '#999999',\n borderColor: Color('#999999').lighten(0.5).string(),\n data: getReferralMonthlyTotals(referralsSent)\n }\n ]\n }\n\n return (\n