Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6019 | Rev 6021 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6019 Rev 6020
Línea 162... Línea 162...
162 
    cursor: 'pointer',
 162 
    cursor: 'pointer',
163 
  }
 163 
  }
Línea 164... Línea 164...
164 
 
 164 
 
165 
  const thumbsContainerStyle = {
 165 
  const thumbsContainerStyle = {
166 
    display: 'flex',
 - 
 
167 
    flexDirection: 'row',
 - 
 
168 
    flexWrap: 'wrap',
 166 
    display: 'flex',
169 
    marginTop: 16,
 167 
    marginTop: 16,
170 
    position: 'relative',
 168 
    position: 'relative',
171 
    justifyContent: 'center',
 169 
    justifyContent: 'center',
Línea 172... Línea 170...
172 
  }
 170 
  }
173 
 
 171 
 
174 
  return (
 172 
  return (
175 
    <>
 173 
    <>
176 
      {!files.length && (
 174 
      {!files.length ? (
177 
        <div {...getRootProps({ className: 'dropzone', style: baseStyle })}>
 175 
        <div {...getRootProps({ className: 'dropzone', style: baseStyle })}>
178 
          <input {...getInputProps()} />
 176 
          <input {...getInputProps()} />
179 
          <p>Arrastra el archivo aqui, o haga click para seleccionar</p>
 177 
          <p>Arrastra el archivo aqui, o haga click para seleccionar</p>
- 
 
 178 
          {recomendationText}
- 
 
 179 
        </div>
- 
 
 180 
      ) : (
- 
 
 181 
        <div style={thumbsContainerStyle}>
- 
 
 182 
          {files.map((file, id) => filePreviewTest(file, id))}
- 
 
 183 
          <IconButton className="close" onClick={() => onDeleteFileHandler()}>
- 
 
 184 
            <CloseIcon />
180 
          {recomendationText}
 185 
          </IconButton>
181 
        </div>
 - 
 
182 
      )}
 - 
 
183 
      <div style={thumbsContainerStyle}>
 - 
 
184 
        {files.map((file, id) => filePreviewTest(file, id))}
 - 
 
185 
        <IconButton onClick={() => onDeleteFileHandler()}>
 - 
 
186 
          <CloseIcon />
 - 
 
187 
        </IconButton>
 186 
        </div>
188 
      </div>
 187 
      )}
189 
      {errors.map((error, index) => (
 188 
      {errors.map((error, index) => (
190 
        <FormErrorFeedback key={index}>{error}</FormErrorFeedback>
 189 
        <FormErrorFeedback key={index}>{error}</FormErrorFeedback>
191 
      ))}
 190 
      ))}