File upload plugin not showing icons

hi@gllermaly,

I can't reproduce your problem. In every configuration FileUpload component works fine for me.

Code snippet:

import React from 'react';
import { MDBCol } from 'mdbreact';
import MDBFileupload from 'mdb-react-fileupload';

const usageExamples = () => {
  return (
    <>
      <MDBCol className='mt-5'>
        <h2 className='secondary-heading my-4'>Custom Support Example</h2>
        <MDBFileupload
          name='file'
          messageDefault='Arrastre archivo SII aqui o haga click para subir'
          messageReplace='Arrastre o click para reemplazar'
          messageRemove='Eliminar'
          messageError='Error'
          allowedFileExtensions={['xls', 'csv', 'xlsx']}
          errorFileSize='Archivo supera el maximo de 1MB'
          errorFileExtension='Formatos permitidos: xls, csv, xlsx'
          maxFileSize='1M'
          getValue={v => setArchivo(v)}
        />
      </MDBCol>
    </>
  );
};

export default usageExamples;

Example before upload:

Example after the upload:

And video: https://monosnap.com/file/zqsf5MsZXkDRejVRwKPVdV9VH4X8qS

I suggest you to :

1. Delete the plugin folder.
2. Download a new, clear one, from mdbootstrap.com
3. Unzip the folder and install dependency by npm install command in the console.
4. After that try to load the demo app from the plugin folder and paste your code there.
5. If this solution will work for you then you need to check your project because there must be a source of the problem.

I hope it helps you with this issue.

Check if it works and be sure to let me know if this solves the problem.

Best regards,

Kuba

Hi @gllermaly,

I just tested this plugin and it works fine for me.

Today wy released a new MDB React version, so please update to newest version and check again.

If after the update it still won't work, please send me your code example and I try to figure out whats is wrong with this.

Best regards,

Kuba

Hello @Jakub Chmura . Just updated mdbreact to 4.22 and problem persists.

I'm using file upload 4.16.0

Attached is the code of my component :

          <MDBFileupload
        name="file"
        messageDefault="Arrastre archivo SII aqui o haga click para subir"
        messageReplace="Arrastre o click para reemplazar"
        messageRemove="Eliminar"
        messageError="Error"
        allowedFileExtensions={["xls", "csv", "xlsx"]}
        errorFileSize="Archivo supera el maximo de 1MB"
        errorFileExtension="Formatos permitidos: xls, csv, xlsx"
        maxFileSize="1M"
        getValue={v => setArchivo(v)}
      />

Thank you for your feedback!

I added a task for your case, we will try to fix this issue as soon as possible. If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best Regards,

Kuba

@Jakub Chmura

Thanks.

This is a really frustrating situation. I have few time and my idea of paying for this component was to be able to use it out of the box :(

No luck yet. Please help !! , I can give you access to my repo or attach you the project if needed.

@Jakub Chmura

Thanks

Close please @Jakub Chmura I had to add this line :

import "@fortawesome/fontawesome-free/css/all.min.css";

To index.js in my project

Thanks

@gllermaly

Great to hear that you've solved the problem!

If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best Regards,

Kuba