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-plugin-upload/admin/src/components/UploadList/   drwxr-xr-x
Free 13.17 GB of 57.97 GB (22.73%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

import React from 'react';
import PropTypes from 'prop-types';
import { Button } from '@buffetjs/core';
import { createMatrix, getTrad } from '../../utils';
import ModalSection from '../ModalSection';
import IntlText from '../IntlText';
import Container from './Container';
import ButtonWrapper from './ButtonWrapper';
import RowItem from './RowItem';
import ListTitle from './ListTitle';
import ListTitleWrapper from './ListTitleWrapper';
import CustomModalSection from './CustomModalSection';

const UploadList = ({
  filesToUpload,
  onClickCancelUpload,
  onClickDeleteFileToUpload,
  onClickEditNewFile,
  onGoToAddBrowseFiles,
}) => {
  const matrix = createMatrix(filesToUpload);
  const filesToUploadLength = filesToUpload.length;
  const titleId = `modal.upload-list.sub-header-title.${
    filesToUploadLength > 1 ? 'plural' : 'singular'
  }`;

  return (
    <>
      <ModalSection justifyContent="space-between">
        <ListTitleWrapper>
          <ListTitle id={getTrad(titleId)} values={{ number: filesToUploadLength }} />
          <IntlText
            id={getTrad('modal.upload-list.sub-header-subtitle')}
            values={{ number: filesToUploadLength }}
            fontSize="sm"
            color="grey"
          />
        </ListTitleWrapper>
        <ButtonWrapper>
          <Button type="button" color="primary" onClick={onGoToAddBrowseFiles}>
            <IntlText
              id={getTrad('modal.upload-list.sub-header.button')}
              fontWeight="bold"
              color="white"
            />
          </Button>
        </ButtonWrapper>
      </ModalSection>
      <CustomModalSection>
        <Container>
          {matrix.map(({ key, rowContent }) => {
            return (
              <div className="row" key={key}>
                {rowContent.map(data => {
                  return (
                    <RowItem
                      {...data}
                      onClick={onClickCancelUpload}
                      onClickDeleteFileToUpload={onClickDeleteFileToUpload}
                      onClickEdit={onClickEditNewFile}
                      key={data.originalIndex}
                    />
                  );
                })}
              </div>
            );
          })}
        </Container>
      </CustomModalSection>
    </>
  );
};

UploadList.defaultProps = {
  filesToUpload: [],
  onClickCancelUpload: () => {},
  onClickDeleteFileToUpload: () => {},
  onClickEditNewFile: () => {},
  onGoToAddBrowseFiles: () => {},
};

UploadList.propTypes = {
  filesToUpload: PropTypes.array,
  onClickCancelUpload: PropTypes.func,
  onClickDeleteFileToUpload: PropTypes.func,
  onClickEditNewFile: PropTypes.func,
  onGoToAddBrowseFiles: PropTypes.func,
};

export default UploadList;