import {useDropzone} from 'react-dropzone';
import { useEffect} from 'react';
import { connect } from 'react-redux';
import { Avatar } from '@mui/material';
import { backendURL } from '../../helpers/gql';
import { actionSetUserAvatar } from '../../actions/actionsMedia';
import Camera from './icons8_camera.png';
import { Drop } from '../ChatInfoModal/ChatInfoModal.style';
import { AvatarWrap, AvatarOverlay } from './DropZoneAvatar.style';
import { BadgeComponent } from '../UserEditorModal/UserEditorModal.style';
import Photo from "../UserEditorModal/icons8photo.png";
// import { actionSetUserAvatar } from './UserMenu';
const DropAvatarComponent = ({url}) => {
return(