+ {(subscription.status === 'active' || subscription.status === 'paymentFailed') && (
+
+
+
+ )}
+
+ ),
+
+ started: (
+ new Date(subscription.createdAt).toLocaleDateString()
+ ),
+
+ due: (
+ new Date(subscription.dueDate).toLocaleDateString()
+ ),
+
+ card: 'notimplemented'
+ };
+ });
+ };
+
+ const transformProposalsForTable = (data: GetUserDetailsQueryQueryResult) => {
+ const proposals = data.data.user.proposals;
+
+ return proposals.map((proposal) => {
+ return {
+ icon: (
+
+ {(proposal.paymentState === 'notAttempted' || proposal.paymentState === 'notRelevant') && (
+
+
+ {"-"}
+
+
+ )}
+
+ {proposal.paymentState === 'pending' && (
+
+
+
+ )}
+
+ {proposal.paymentState === 'failed' && (
+
+
+
+ )}
+
+ {proposal.paymentState === 'confirmed' && (
+
+
+
+ )}
+
+ ),
+
+ actions: (
+