\n {\n (this.props.chartToShow === 'DIGITAL PORTFOLIO ACCELERATOR' && ddnaData.length > 0) &&\n
\n
\n {this.renderHeader()}\n \n {this.renderRows(ddnaData)}\n \n
\n\n
\n }\n nextLabel={}\n pageCount={pageCount}\n marginPagesDisplayed={pageCount}\n pageRangeDisplayed={pageCount}\n onPageChange={this.paginate}\n containerClassName={'pagination'}\n pageClassName={'page-item'}\n pageLinkClassName={'pageLink'}\n previousClassName={'page-item'}\n previousLinkClassName={'pageLink'}\n nextClassName={'page-item'}\n nextLinkClassName={'pageLink'}\n activeClassName={'active'}\n disabledClassName={'disabled'}\n />\n
\n
\n }\n\n {\n (this.props.chartToShow === 'TOOLS' && reportData.length > 0) &&\n
\n
\n\n {this.renderHeader()}\n \n {this.renderRows(reportData)}\n \n
\n\n
\n }\n nextLabel={}\n pageCount={pageCount}\n marginPagesDisplayed={pageCount}\n pageRangeDisplayed={pageCount}\n onPageChange={this.paginate}\n containerClassName={'pagination'}\n pageClassName={'page-item'}\n pageLinkClassName={'pageLink'}\n previousClassName={'page-item'}\n previousLinkClassName={'pageLink'}\n nextClassName={'page-item'}\n nextLinkClassName={'pageLink'}\n activeClassName={'active'}\n disabledClassName={'disabled'}\n />\n
\n
\n }\n\n
\n );\n\n } else {\n return null;\n }\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n period: getPeriod(state),\n\n clientData: getClientData(state),\n numPerPage: getNumPaginate(state),\n currPage: getCurrPage(state),\n chartToShow: getChartToShow(state),\n\n };\n}\n\n\nexport default connect(mapStateToProps, {\n downloadDoc,\n setPeriod,\n setChartToShow,\n})(ReportTable);\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/App/ReportTable.js","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { downloadDoc } from '../../actions/data';\n\nclass ReportRow extends Component {\n\n getDocDownload = (event, report, type) => {\n event.preventDefault();\n this.props.downloadDoc(report, type);\n }\n\n formatDate(string) {\n const options = { year: 'numeric', month: 'numeric', day: 'numeric' };\n return new Date(string).toLocaleDateString([], options);\n }\n\n\n render() {\n const {\n report\n } = this.props;\n\n let type = report.documentname.slice(-4)\n\n let displayName = report.documentname.replaceAll('-', \" \").replaceAll('_', \" \"); // tools has dash\n\n return (