Changement au niveau des icones et pour l'apparence pour une Single Input File

[moudarir]

Bonjour,

J'espère que tous se passe bien pour toi.

J'ai effectué quelques changement au niveau des icônes et aussi dans le style si le file input n'est pas en mode multiple

Les icones

• J'ai mis à jour les anciennes pour les rendres plus petites.
• J'ai ajouté d'autres icônes csv, ppt, audio, video
• J'ai aussi remplacer l'icône de suppression avec une autre plus petite.

Le styling

La raison pour laquelle j'ai effectué ce changement est que parfois on voudrait voir le nom du fichier sélectionné en complet. Le style actuel tranque le nom du fichier.

J'ai ajouté la propriété multiple dans le type Props

type Props = {
  help: string
  label: string
  multiple: string
}

et cela pour l'utiliser dans la méthode render()

const { label, help, multiple } = this.getAttributes()

ainsi, j'ai pu ajouter la classe is-single si l'attribut multiple n'est pas défini dans l'input file.

${multiple === null ? ' is-single' : ''}

Les tests

Les tests ont été effectués sont aucun soucis

N.B: La commande yarn serve ne marche pas pour moi en me retournant cette erreur :

(node:4480) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency

J'ai pu effectuer les tests en utilisant la commande yarn dev.

[Grafikart]

Pour les icônes je me demande si il ne serait pas mieux de créer un objet pour que les gens puisse intégrer leur propre icones si il le souhaite (pour éviter d'avoir un package qui grandisse trop si on ajoute trop d'icone)

[moudarir]

Oui, je pense aussi que c'est le choix optimal pour l'ajout d'icones. Ma modification a juste ajouter quelques icones utiles en préservant la taille du fichier compilé (18Ko).

Concernant l'ajout d'icones personnalisées, je vais essayer d'intégrer cela.