import { fetchCSV, fetchFullList, fetchReceipt, fullListSelect, selectFullList } from '../actions/settingsTipsActions'; import React, { Component } from 'react'; import ButtonClick from './ButtonClick.js'; import ButtonLink from './ButtonLink.js'; import LoadingSpinner from '../components/LoadingSpinner'; import moment from 'moment'; // import momentTZ from 'moment-timezone'; import PropTypes from 'prop-types'; // const momentTZ = require('moment-timezone'); const DataRendererAlbumsBuy = ({ dataItem, dataTitle, onReceiptRequest }) => ( {dataTitle === 0 ? dataItem.busker ? dataItem.busker.isProfilePageEnabled ? {dataItem.busker.name !== '' ? dataItem.busker.name : 'Open Busker Profile'} : dataItem.busker.name !== '' ? dataItem.busker.name : 'Busker' : 'N/A' : null } {dataTitle === 1 ? {dataItem.album ? dataItem.album.title : 'Go to my purshased music'} : null } {dataTitle === 2 ? dataItem.id ? onReceiptRequest(dataItem.id, `to-album-${dataItem.album.title.toLowerCase().substr(0, 8).replace(" ", "-").normalize('NFKC')}-${dataItem.amount}${dataItem.currency}-${dataItem.method ? dataItem.method : ''}`)}>Receipt : 'N/A' : null } ) DataRendererAlbumsBuy.propTypes = { dataItem: PropTypes.shape(), dataTitle: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), onReceiptRequest: PropTypes.func } const DataRendererAlbumsSold = ({ dataItem, dataTitle }) => ( {dataTitle === 0 ? dataItem.user && dataItem.user.isProfilePageEnabled ? {dataItem.user.name !== '' ? dataItem.user.name : 'Open Busker Profile'} : dataItem.user && dataItem.user.name !== '' ? dataItem.user.name : 'Anonymous' : null } {dataTitle === 1 ? dataItem.email ? dataItem.email : '' : null } {dataTitle === 2 ? dataItem.album.title ? dataItem.album.title : 'N/A' : null } {dataTitle === 3 ? dataItem.album.id ? dataItem.album.id : 'N/A' : null } ) DataRendererAlbumsSold.propTypes = { dataItem: PropTypes.shape(), dataTitle: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), } const getTransformedOrigin = (origin, dataItem) => { if (origin === 'URL') { return '/TIP'; } else if (origin === 'URL_FIXED') { return `/TIP/${dataItem.amount}`; } else { return origin; } } const DataRendererTipsEarn = ({ dataItem, dataTitle }) => ( {dataTitle === 0 ? dataItem.user && dataItem.user.isProfilePageEnabled ? {dataItem.user.name !== '' ? dataItem.user.name : 'Open Busker Profile'} : dataItem.user && dataItem.user.name !== '' ? dataItem.user.name : 'Anonymous' : null } {dataTitle === 1 ? dataItem.email ? dataItem.email : '' : null } {dataTitle === 2 ? dataItem.origin ? getTransformedOrigin(dataItem.origin, dataItem) : 'N/A' : null } ) DataRendererTipsEarn.propTypes = { dataItem: PropTypes.shape(), dataTitle: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), } const DataRendererTipsMade = ({ dataItem, dataTitle, onReceiptRequest }) => ( {dataTitle === 0 ? dataItem.busker ? dataItem.busker.isProfilePageEnabled ? {dataItem.busker.name !== '' ? dataItem.busker.name : 'Open Busker Profile'} : dataItem.busker.name !== '' ? dataItem.busker.name : 'Busker' : 'The Busking Project (Thank you!)' : null } {dataTitle === 1 ? dataItem.id ? onReceiptRequest(dataItem.id, `${dataItem.amount}${dataItem.currency}-${dataItem.method ? dataItem.method : ''}`)}>Receipt : 'N/A' : null } ) DataRendererTipsMade.propTypes = { dataItem: PropTypes.shape(), dataTitle: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), onReceiptRequest: PropTypes.func } class DonationsModule extends Component { constructor(props) { super(props); this.state = { donTypeSel: { tipsEarn: { emptyMsg:
Amount | Method | Date | Time (EST) | {donTypeSel[donationType].tableTitles.map((tableTitle, index) =>{tableTitle} | )}||
---|---|---|---|---|---|---|
{`${item.amount} ${item.currency}`} | {item.method} | {moment(item.datetime, 'DD/MM/YYYY h:mm:ssa').format('DD/MM/YYYY')} | {/*{ momentTZ.tz(item.datetime, 'DD/MM/YYYY h:mm:ssa', 'America/New_York').utc().format('DD/MM/YYYY') } | */}{moment(item.datetime, 'DD/MM/YYYY h:mm:ssa').format('h:mm a')} | {/*{ momentTZ.tz(item.datetime, 'DD/MM/YYYY h:mm:ssa', 'America/New_York').utc().format('h:mm a') } | */} {donTypeSel[donationType].tableTitles.map((tableTitle, index) => (
{donationType === 'albumsBuy' &&
|
))}