Data pareja1 comps clients templates

[Sealra]

Se añade GET y POST de Companies, Clients y Templates en Data.

Agrega componente ImageInput, este permite agregar imágenes, pero nótese que se gestiona en un String de base64 (necesario para enviar a la API), también cuenta con un prop handleImageSelect, el cual nos permite realizar acciones con el String en Base64 una vez seleccionada la imagen.

Ejemplo de uso

export const Example: React.FC = () => {

    const handleImageSelect = (base64String: string) => {
        alert(base64String); // Acá se pueden hacer cositas con el String de Base64 de la imágen
      };

    return (
        <ImageInput
          label={t("logo")}
          id={"logo"}
          name={"logo"}
          onImageSelect={handleImageSelect}
        />
      );
    };

Agrega componente FileInput, similar a ImageInput, permite recibir un archivo el cual será transformado a String de Base64 (para ser enviado a la API). Contiene el prop onFileSelect, el cual nos permite realizar acciones con el String de Base64 del archivo.

Ejemplo de uso

export const Example: React.FC = () => {
  const handleFileSelect = (ext: string, content: string) => { //Se gestiona lo recibido desde onFileSelect
      alert(ext);
      alert(content);
    };
  };

  return (
    <FileInput
      id={"template"}
      name={"template"}
      onFileSelect={(file) => handleFileSelect(file.name.split('.').pop() || "", file.content)} //Se envia la extensión del archivo y su contenido a handleFileSelect
    />
  );
};