Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

import { Controller, useFormContext } from 'react-hook-form';

import { Controller, useFormContext } from 'react-hook-form';

import { FormControl, InputLabel } from '@mui/material';

import { FormControl, InputLabel } from '@mui/material';

import { FilePicker } from '../file-picker';

import { FilePicker } from '../file-picker';

export function FormFilePicker({

export function FormFilePicker({

  label = '',

  label = '',

  name = 'file',

  name = 'file',

  type = 'image',

  type = 'image',

  multiple = false,

  multiple = false,

  maxFiles = 1,

  maxFiles = 1,

  description = 'Arrastra el archivo aqui, o haga click para seleccionar',

  description = 'Arrastra el archivo aqui, o haga click para seleccionar',

  rules = {}

  rules = {}

}) {

}) {

  const { control } = useFormContext();

  const { control } = useFormContext();

  return (

  return (

    <Controller

    <Controller

      control={control}

      control={control}

      name={name}

      name={name}

      rules={rules}

      rules={rules}

      render={({ field: { onChange, value } }) => (

      render={({ field: { onChange, value } }) => (

        <FormControl variant='standard' fullWidth>

        <FormControl variant='standard' fullWidth>

          {label && <InputLabel shrink>{label}</InputLabel>}

          {label && <InputLabel shrink>{label}</InputLabel>}

          <FilePicker

          <FilePicker

            type={type}

            type={type}

            multiple={multiple}

            multiple={multiple}

            maxFiles={maxFiles}

            maxFiles={maxFiles}

            description={description}

            description={description}

            defaultFiles={multiple ? value : [value]}

            defaultFiles={multiple ? value : [value]}

            onChange={onChange}

            onChange={onChange}

          />

          />

        </FormControl>

        </FormControl>

      )}

      )}

    />

    />

  );

  );

}

}