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/.cache/admin/src/components/Roles/ButtonWithNumber/   drwxr-xr-x
Free 13.08 GB of 57.97 GB (22.57%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Button, Flex, Text, Padded } from '@buffetjs/core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

import NumberCard from './NumberCard';

const ButtonWithNumber = ({ number, onClick }) => {
  const { formatMessage } = useIntl();

  return (
    <Button disabled color="primary" onClick={onClick}>
      <Flex style={{ minWidth: '17rem' }} justifyContent="space-between" alignItems="center">
        <FontAwesomeIcon icon="users" />
        <Padded left size="sm" />
        <Text color="grey" fontWeight="semiBold">
          {formatMessage({
            id: 'Settings.roles.form.button.users-with-role',
            defaultMessage: 'Users with this role',
          })}
        </Text>
        <Padded left size="sm" />
        <NumberCard>
          <Text fontSize="xs" fontWeight="bold" color="grey">
            {number}
          </Text>
        </NumberCard>
      </Flex>
    </Button>
  );
};

ButtonWithNumber.defaultProps = {
  number: 0,
};
ButtonWithNumber.propTypes = {
  number: PropTypes.number,
  onClick: PropTypes.func.isRequired,
};

export default ButtonWithNumber;