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

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

import React from 'react';
import { useDragLayer } from 'react-dnd';
import { Checkbox } from '@buffetjs/core';
import { ItemTypes } from '../../utils';
import CardControlsWrapper from '../CardControlsWrapper';
import CardImgWrapper from '../CardImgWrapper';
import CardPreview from '../CardPreview';
import Border from '../CardBorder';
import Wrapper from './Wrapper';

function getItemStyles(initialOffset, currentOffset, mouseOffset) {
  if (!initialOffset || !currentOffset) {
    return { display: 'none' };
  }

  const { x, y } = mouseOffset;
  const transform = `translate(${x}px, ${y}px)`;

  return {
    transform,
    WebkitTransform: transform,
  };
}

const DragLayer = () => {
  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(
    monitor => ({
      item: monitor.getItem(),
      itemType: monitor.getItemType(),
      initialOffset: monitor.getInitialSourceClientOffset(),
      currentOffset: monitor.getSourceClientOffset(),
      isDragging: monitor.isDragging(),
      mouseOffset: monitor.getClientOffset(),
    })
  );

  const renderItem = () => {
    switch (itemType) {
      case ItemTypes.MEDIA_CARD: {
        return (
          <CardImgWrapper checked small>
            <CardPreview url={item.url} type={item.fileType} withFileCaching />
            <Border color="mediumBlue" shown />
            <CardControlsWrapper leftAlign className="card-control-wrapper">
              <Checkbox name="id" onChange={() => {}} onClick={() => {}} value />
            </CardControlsWrapper>
          </CardImgWrapper>
        );
      }
      default:
        return null;
    }
  };

  if (!isDragging) {
    return null;
  }

  return (
    <Wrapper>
      <div style={getItemStyles(initialOffset, currentOffset, mouseOffset)} className="col-md-2">
        {renderItem()}
      </div>
    </Wrapper>
  );
};

export default DragLayer;