import React, { useContext } from 'react';
import { SettingsContext } from '../../App/SettingsContext';
import { translate } from '../../../Helper';
// Status Badge Component
const StatusBadge = ({ status }) => {
const getStatusIcon = (status) => {
const statusLower = status.toLowerCase();
return ;
};
// Capitalize first letter of status
const displayStatus = status.charAt(0).toUpperCase() + status.slice(1);
return (
{getStatusIcon(status)}
{displayStatus}
);
};
const RewardCouponsRow = ({ coupon }) => {
const { currency } = useContext(SettingsContext);
const couponEditUrl = `post.php?post=${coupon.coupon_id}&action=edit`;
const orderViewUrl = `admin.php?page=wc-orders&action=edit&id=${coupon.order_id}`;
// Helper function to format amount with currency
const formatAmount = (amount) => {
if (typeof amount === 'string' && amount.includes('%')) {
return amount; // Already formatted as percentage
}
// Remove any existing currency symbols and format with dynamic currency
const cleanAmount = String(amount).replace(/[$€£¥₹₽¢₩₪₦₡₨₫₱₴₵₸₺₼₾₿]/g, '');
return `${currency}${cleanAmount}`;
};
return (
|
{coupon.code}
{translate('issued')}: {coupon.issuedDate}
{translate('expires')}: {coupon.expiryDate}
|
{formatAmount(coupon.amount)}
|
{coupon.usageLimit}
|
{coupon.type}
|
|
|
);
};
export default RewardCouponsRow;