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/ListModal/   drwxr-xr-x
Free 13.21 GB of 57.97 GB (22.8%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

import React from 'react';
import { Button } from '@buffetjs/core';
import { CheckPermissions } from 'strapi-helper-plugin';
import useModalContext from '../../hooks/useModalContext';
import { getTrad } from '../../utils';
import pluginPermissions from '../../permissions';
import BrowseAssets from '../BrowseAssets';
import ModalNavWrapper from '../ModalNavWrapper';
import ModalSection from '../ModalSection';
import SelectedAssets from '../SelectedAssets';
import IntlText from '../IntlText';
import BaselineAlignmentWrapper from './BaselineAlignmentWrapper';

const ListModal = () => {
  const { currentTab, goTo, handleModalTabChange, selectedFiles } = useModalContext();

  const handleClick = to => {
    handleModalTabChange(to);
  };

  const handleGoToUpload = () => {
    goTo('browse');
  };

  const renderUploadModalButton = () => (
    <BaselineAlignmentWrapper>
      <CheckPermissions permissions={pluginPermissions.create}>
        <Button type="button" color="primary" onClick={handleGoToUpload}>
          <IntlText
            id={getTrad('modal.upload-list.sub-header.button')}
            fontWeight="bold"
            color="white"
          />
        </Button>
      </CheckPermissions>
    </BaselineAlignmentWrapper>
  );

  const links = [
    { to: 'browse', label: 'browse', isDisabled: false, onClick: handleClick },
    {
      to: 'selected',
      label: 'selected',
      count: selectedFiles.length,
      isDisabled: false,
      onClick: handleClick,
    },
  ];

  return (
    <ModalNavWrapper
      initialTab={currentTab}
      links={links}
      renderRightContent={renderUploadModalButton}
    >
      {to => (
        <ModalSection>
          {to === 'browse' && <BrowseAssets />}
          {to === 'selected' && <SelectedAssets />}
        </ModalSection>
      )}
    </ModalNavWrapper>
  );
};

export default ListModal;