JSFiddle - React, Tailwind, and code Playground

by f0t0n

JavaScript

[{
    'name': 'Main Fee',
    'price': 10000,
    'expenses': {
        'currency': 'GBP',
        'amount': 1340
    },
    'currency': 'GBP',
    'is_commisionable': True,
    'payment_type': 'Direct to IMG',
    'booking_agent': 'Derek Chandruang',
    'managing_commissions': {
        'currency': 'GBP',
        'amount': 2000
    }
}, {
    'name': 'Additional Fee 1',
    'price': 75000,
    'currency': 'EUR',
    'is_commisionable': True,
    'payment_type': 'Direct to IMG',
    'booking_agent': 'Derek Chandruang',
    'managing_commissions': {
        'currency': 'EUR',
        'amount': 7500
    }
}, {
    'name': 'Additional Fee 2',
    'price': 25000,
    'currency': 'EUR',
    'is_commisionable': True,
    'payment_type': 'Direct to IMG',
    'booking_agent': 'Derek Chandruang',
    'managing_commissions': {
        'currency': 'EUR',
        'amount': 5000
    }
}]