Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/strapi-admin/admin/src/components/Users/List/   drwxr-xr-x
Free 13.11 GB of 57.97 GB (22.62%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (3.77 KB)      -rw-r--r--

import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useReducer } from 'react';
import PropTypes from 'prop-types';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faTrashAlt, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
import { Table } from '@buffetjs/core';
import { useGlobalContext } from 'strapi-helper-plugin';
import { useHistory } from 'react-router-dom';
import { SETTINGS_BASE_URL } from '../../../config';
import { checkIfAllEntriesAreSelected, getSelectedIds, headers } from './utils';
import { initialState, reducer } from './reducer';
import init from './init';
import Wrapper from './Wrapper';

const List = forwardRef(
  (
    { canDelete, canUpdate, data, filters, isLoading, onChange, onClickDelete, searchParam },
    ref
  ) => {
    const { push } = useHistory();
    const [{ rows }, dispatch] = useReducer(reducer, initialState, init);

    const { formatMessage } = useGlobalContext();

    useEffect(() => {
      dispatch({
        type: 'SET_DATA',
        data,
      });
    }, [data]);

    useImperativeHandle(ref, () => ({
      resetDataToDelete: () => {
        dispatch({
          type: 'RESET_DATA_TO_DELETE',
        });
      },
    }));

    let tableEmptyText = 'Users.components.List.empty';

    if (searchParam) {
      tableEmptyText = `${tableEmptyText}.withSearch`;
    }

    if (filters.length) {
      tableEmptyText = `${tableEmptyText}.withFilters`;
    }

    const tableEmptyTextTranslated = formatMessage({ id: tableEmptyText }, { search: searchParam });

    const handleChange = (row, index) => {
      dispatch({
        type: 'ON_CHANGE',
        index,
      });

      onChange(getSelectedIds(rows, index));
    };

    const handleClickDelete = useCallback(
      id => {
        const rowIndex = rows.findIndex(obj => obj.id === id);

        dispatch({
          type: 'ON_CLICK_DELETE',
          index: rowIndex,
        });

        onClickDelete(id);
      },
      [rows, onClickDelete]
    );

    const handleChangeAll = () => {
      dispatch({
        type: 'ON_CHANGE_ALL',
      });

      let selectedIds = [];
      const areAllEntriesSelected = checkIfAllEntriesAreSelected(rows);

      if (!areAllEntriesSelected) {
        for (let i = 0; i < rows.length; i++) {
          selectedIds.push(rows[i].id);
        }
      }

      onChange(selectedIds);
    };

    const handleClick = id => {
      push(`${SETTINGS_BASE_URL}/users/${id}`);
    };

    return (
      <Wrapper withHigherHeight={!data.length}>
        <Table
          className="table-wrapper"
          isLoading={isLoading}
          headers={headers}
          onClickRow={(e, data) => {
            handleClick(data.id);
          }}
          onSelect={handleChange}
          onSelectAll={handleChangeAll}
          rows={rows}
          rowLinks={[
            {
              icon: canUpdate ? <FontAwesomeIcon icon={faPencilAlt} /> : null,
              onClick: data => {
                handleClick(data.id);
              },
            },
            {
              icon: canDelete ? <FontAwesomeIcon icon={faTrashAlt} /> : null,
              onClick: data => {
                handleClickDelete(data.id);
              },
            },
          ]}
          tableEmptyText={tableEmptyTextTranslated}
          withBulkAction={canDelete}
        />
      </Wrapper>
    );
  }
);

List.defaultProps = {
  canDelete: false,
  canUpdate: false,
  data: [],
  filters: [],
  isLoading: false,
  onChange: () => {},
  onClickDelete: () => {},
  searchParam: '',
};

List.propTypes = {
  canDelete: PropTypes.bool,
  canUpdate: PropTypes.bool,
  data: PropTypes.array,
  filters: PropTypes.array,
  isLoading: PropTypes.bool,
  onChange: PropTypes.func,
  onClickDelete: PropTypes.func,
  searchParam: PropTypes.string,
};

export default List;