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

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

import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { Pencil, Plus } from '@buffetjs/icons';
import { Tooltip } from '@buffetjs/styles';
import { useGlobalContext } from 'strapi-helper-plugin';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

import { getTrad } from '../../utils';
import DownloadIcon from '../../icons/Download';
import Wrapper from './Wrapper';

const CardControl = ({ title, color, onClick, small, type, iconStyle }) => {
  const { formatMessage } = useGlobalContext();
  const [tooltipIsDisplayed, setTooltipIsDisplayed] = useState(false);

  const handleToggleTooltip = () => {
    setTooltipIsDisplayed(prev => !prev);
  };

  return (
    <>
      <Wrapper
        onClick={onClick}
        color={color}
        type={type}
        small={small}
        onMouseEnter={handleToggleTooltip}
        onMouseLeave={handleToggleTooltip}
        data-for={type}
        data-tip={formatMessage({ id: getTrad(`control-card.${title}`) })}
      >
        {type === 'pencil' && <Pencil fill={color} />}
        {type === 'plus' && <Plus fill={color} />}
        {type === 'download' && <DownloadIcon fill={color} />}
        {!['pencil', 'clear', 'plus', 'download'].includes(type) && (
          <FontAwesomeIcon style={iconStyle} icon={type} />
        )}
      </Wrapper>
      {tooltipIsDisplayed && <Tooltip id={type} />}
    </>
  );
};

CardControl.defaultProps = {
  color: '#b3b5b9',
  iconStyle: null,
  onClick: () => {},
  small: false,
  type: 'pencil',
};

CardControl.propTypes = {
  color: PropTypes.string,
  iconStyle: PropTypes.object,
  onClick: PropTypes.func,
  small: PropTypes.bool,
  type: PropTypes.string,
  title: PropTypes.string.isRequired,
};

export default CardControl;