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:     Wrapper.js (2.19 KB)      -rw-r--r--

/* eslint-disable indent */
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { themePropTypes } from 'strapi-helper-plugin';

const Wrapper = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  width: ${({ small }) => (small ? '25px' : '30px')};
  height: ${({ small }) => (small ? '25px' : '30px')};
  margin-left: 5px;
  background-color: ${({ theme }) => theme.main.colors.white};
  border: 1px solid ${({ theme }) => theme.main.colors.darkGrey};
  border-radius: ${({ theme }) => theme.main.sizes.borderRadius};
  cursor: pointer;
  font-size: ${({ small }) => (small ? '11px' : '13px')};
  color: ${({ color }) => color};

  ${({ type }) =>
    type === 'link' &&
    `
    transform: rotate(90deg)
  `};

  &:hover {
    ${({ type, theme, color }) => {
      if (type === 'plus') {
        return `
          background-color: ${theme.main.colors.darkBlue};
          border: 1px solid  ${theme.main.colors.darkBlue};
            > svg {
              > g, path {
                stroke: ${theme.main.colors.mediumBlue};
            }
          }
          color: ${theme.main.colors.mediumBlue};
        `;
      }

      if (type === 'check' || type === 'times') {
        return `
          background-color: ${color};
          border: 1px solid  ${color};
          > svg {
            > g, path {
              fill: ${theme.main.colors.white};
            }
          }
          color: ${theme.main.colors.white};
        `;
      }

      if (type === 'trash-alt') {
        return `
          background-color: #FFA784;
          border: 1px solid #FFA784;
          color: #F64D0A;
        `;
      }

      return `
          background-color: ${theme.main.colors.darkBlue};
          border: 1px solid  ${theme.main.colors.darkBlue};
          > svg {
            > g, path {
              fill: ${theme.main.colors.mediumBlue};
            }
          }
          color: ${theme.main.colors.mediumBlue};
        `;
    }};
  }
`;

Wrapper.defaultProps = {
  color: '#b3b5b9',
  type: null,
  small: false,
};

Wrapper.propTypes = {
  color: PropTypes.string,
  small: PropTypes.bool,
  type: PropTypes.string,
  ...themePropTypes,
};

export default Wrapper;