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

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

/**
 *
 * ModalTab
 *
 */

import React from 'react';
import PropTypes from 'prop-types';
import { Flex, Padded } from '@buffetjs/core';

import { getTrad } from '../../utils';
import Wrapper from './Wrapper';
import IntlText from '../IntlText';
import Count from './Count';

const ModalTab = ({ isDisabled, label, to, isActive, onClick, count }) => {
  const handleClick = e => {
    if (isDisabled) {
      e.preventDefault();

      return;
    }

    onClick(to);
  };

  return (
    <Padded right size="lg">
      <Wrapper isActive={isActive} isDisabled={isDisabled} onClick={handleClick}>
        <Flex>
          <IntlText
            id={getTrad(`modal.nav.${label}`)}
            textTransform="uppercase"
            fontWeight={isActive ? 'bold' : 'semiBold'}
            color={isActive ? 'mediumBlue' : 'grey'}
          />
          {typeof count === 'number' && <Count count={count} isActive={isActive} />}
        </Flex>
      </Wrapper>
    </Padded>
  );
};

ModalTab.defaultProps = {
  count: null,
  isActive: false,
  isDisabled: false,
  onClick: () => {},
};

ModalTab.propTypes = {
  count: PropTypes.number,
  isActive: PropTypes.bool,
  isDisabled: PropTypes.bool,
  label: PropTypes.string.isRequired,
  onClick: PropTypes.func,
  to: PropTypes.string.isRequired,
};

export default ModalTab;