File manager - Edit - /home/verseaumee/blueversion/wp-content/plugins/give/src/EventTickets/resources/components/EventTicketsListItem.tsx
Back
import {Icon} from '@wordpress/components'; import {__} from '@wordpress/i18n'; import {plus, reset as minus} from '@wordpress/icons'; import useCurrencyFormatter from '@givewp/forms/app/hooks/useCurrencyFormatter'; export default function EventTicketsListItem({ticketType, currency, currencyRate, selectedTickets, handleSelect}) { const formatter = useCurrencyFormatter(currency); const ticketPrice = ticketType.price > 0 ? formatter.format((Number(ticketType.price) * currencyRate) / 100) : __('Free', 'give'); const remainingTickets = ticketType.ticketsAvailable - selectedTickets; const handleButtonClick = (quantity) => (e) => { e.preventDefault(); handleSelect(quantity); }; return ( <div className={'givewp-event-tickets__tickets__ticket'} key={ticketType.id}> <div className={'givewp-event-tickets__tickets__ticket__description'}> <h5>{ticketType.title}</h5> <p>{ticketPrice}</p> <p>{ticketType.description}</p> </div> <div className={'givewp-event-tickets__tickets__ticket__quantity'}> {remainingTickets > 0 ? ( <> <div className={'givewp-event-tickets__tickets__ticket__quantity__input'}> <button onClick={handleButtonClick(selectedTickets - 1)}> <Icon icon={minus} /> </button> <input type="text" value={selectedTickets} /> <button onClick={handleButtonClick(selectedTickets + 1)}> <Icon icon={plus} /> </button> </div> <p className={'givewp-event-tickets__tickets__ticket__quantity__availability'}> {remainingTickets} {__('remaining', 'give')} </p> </> ) : ( <span>{__('Sold out', 'give')}</span> )} </div> </div> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings