File Manager

✏️ Edit File: /home/coemyoza/public_html/wp-content/plugins/give/src/Views/Components/ListTable/ListTableRows.tsx

import styles from './ListTableRows.module.scss';
import {__} from '@wordpress/i18n';
import cx from 'classnames';
import {useEffect, useState} from 'react';
import TableCell, {IdBadge, StatusBadge} from "./TableCell";
import TestLabel from "@givewp/components/ListTable/TestLabel";
import {BulkActionCheckbox} from "@givewp/components/ListTable/BulkActionCheckbox";

const postStatusMap = {
    publish: __('published', 'give'),
    future: __('future', 'give'),
    draft: __('draft', 'give'),
    pending: __('pending', 'give'),
    trash: __('trash', 'give'),
    inherit: __('inherit', 'give'),
    private: __('private', 'give'),
}

const donationStatusMap = {
    publish: __('complete', 'give'),
    pending: __('pending', 'give'),
    refunded: __('refunded', 'give'),
    failed: __('failed', 'give'),
    cancelled: __('cancelled', 'give'),
    abandoned: __('abandoned', 'give'),
    preapproval: __('pre-approved', 'give'),
    processing: __('processing', 'give'),
    revoked: __('revoked', 'give'),
    give_subscription: __('renewal', 'give'),
}

export default function ListTableRows({columns, data, isLoading, rowActions, setUpdateErrors, parameters, singleName, align}) {
    const [removed, setRemoved] = useState([]);
    const [added, setAdded] = useState([]);

useEffect(() => {
        if (added.length && !isLoading) {
            const timeouts = [];
            timeouts[0] = setTimeout(() => {
                const addedItem = document.getElementsByClassName(styles.duplicated);
                if (addedItem.length == 1) {
                    addedItem[0].scrollIntoView({behavior: 'smooth', block: 'center'});
                }
            }, 100);
            timeouts[1] = setTimeout(() => {
                setAdded([]);
            }, 600);
            return () => {
                timeouts.forEach((timeout) => clearTimeout(timeout));
            };
        }
    }, [added, isLoading]);

function removeRow(removeCallback) {
        return async (event) => {
            const id = event.target.dataset.actionid;
            setRemoved([id]);
            await removeCallback(id);
            setRemoved([]);
        }
    }

function addRow(addCallback) {
        return async (event) => {
            const id = event.target.dataset.actionid;
            const addedItem = await addCallback(id);
            setAdded([...addedItem.successes]);
        }
    }

if(!data?.items) {
        return null;
    }

return data.items.map((item) => (
        <tr
            key={item.id}
            className={cx(styles.tableRow, {
                [styles.deleted]: removed.indexOf(item.id) > -1,
                [styles.duplicated]: added.indexOf(parseInt(item.id)) > -1,
            })}
        >
            <TableCell>
                <BulkActionCheckbox id={item.id} name={item?.name} singleName={singleName}/>
            </TableCell>
            <>
                {columns.map((column) => (
                    <TableCell key={column.name} className={cx(column?.addClass,
                        {
                            [styles[align]]: !(column?.alignColumn),
                            [styles.center]: column?.alignColumn === 'center',
                            [styles.start]: column?.alignColumn === 'start',
                        }
                    )} heading={column?.heading}>
                        <RenderRow column={column} item={item}/>
                        {!isLoading && rowActions &&
                            <div role="group" aria-label={__('Actions', 'give')} className={styles.tableRowActions}>
                                {column?.heading && rowActions({data, item, removeRow, addRow, setUpdateErrors, parameters})}
                            </div>
                        }
                    </TableCell>
                ))}
            </>
        </tr>
    ));
}

Batal

⬅ Naik ke Components 30 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁hooks	dir	—	2022-11-29 18:00	📂 Buka
📁images	dir	—	2022-11-29 18:00	📂 Buka
📄BulkActionCheckbox.tsx	tsx	2.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄BulkActionSelect.module.scss	scss	172 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄BulkActionSelect.tsx	tsx	1.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄Filters.tsx	tsx	2.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄FormSelect.module.scss	scss	1.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄FormSelect.tsx	tsx	1.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄Input.module.scss	scss	208 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄Input.tsx	tsx	254 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄ListTable.module.scss	scss	2.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄ListTable.tsx	tsx	10.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄ListTablePage.module.scss	scss	5.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄ListTableRows.module.scss	scss	2.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄ListTableRows.tsx	tsx	5.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄Pagination.module.scss	scss	1.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄Pagination.tsx	tsx	4.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📝README.MD	md	12 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄RowAction.module.scss	scss	310 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄RowAction.tsx	tsx	1015 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄Select.module.scss	scss	722 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄Select.tsx	tsx	308 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄TableCell.module.scss	scss	1.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄TableCell.tsx	tsx	840 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄TestLabel.module.scss	scss	304 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄TestLabel.tsx	tsx	395 B	2022-11-29 18:00	✏️ Edit 👁️ View
📄TypeBadge.module.scss	scss	1.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄TypeBadge.tsx	tsx	2.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄api.ts	ts	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📄index.tsx	tsx	8.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View