Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1279 Rev 1282
Línea 1... Línea 1...
1 
import React, { useState, useCallback, useEffect } from "react";
 1 
import React, { useState, useCallback, useEffect } from "react";
2 
import { useDropzone } from "react-dropzone";
 2 
import { useDropzone } from "react-dropzone";
- 
 
 3 
import ShareModal from "../../dashboard/components/share-modal/ShareModal";
3 
import { shareModalTypes } from "../../redux/share-modal/shareModal.types";
 4 
import { shareModalTypes } from "../../redux/share-modal/shareModal.types";
4 
const areEqual = (prevProps, nextProps) => {
 5 
const areEqual = (prevProps, nextProps) => {
5 
  return prevProps.settedFile === nextProps.settedFile ? true : false;
 6 
  return prevProps.settedFile === nextProps.settedFile ? true : false;
6 
};
 7 
};
Línea 104... Línea 105...
104 
    cursor: "pointer",
 105 
    cursor: "pointer",
105 
    zIndex: "200",
 106 
    zIndex: "200",
106 
  };
 107 
  };
Línea 107... Línea 108...
107 
 
 108 
 
- 
 
 109 
  const filePreviewTest = (file, id) => {
- 
 
 110 
    console.log(file)
- 
 
 111 
    console.log(id)
108 
  const filePreviewTest = (file, id) => {
 112 
    console.log(shareModalTypes)
109 
    switch (modalType) {
 113 
    switch (modalType) {
110 
      case shareModalTypes.IMAGE:
 114 
      case shareModalTypes.IMAGE:
111 
        return (
 115 
        return (
112 
          <div style={thumbStyle} key={file.name}>
 116 
          <div style={thumbStyle} key={file.name}>
Línea 292... Línea 296...
292 
    cursor: "pointer",
 296 
    cursor: "pointer",
293 
  };
 297 
  };
Línea 294... Línea 298...
294 
 
 298 
 
295 
  return (
 299 
  return (
- 
 
 300 
    <div>
296 
    <div>
 301 
      {
- 
 
 302 
        !files
297 
      {!files.length ? (
 303 
        &&
298 
        <div {...getRootProps({ className: "dropzone", style: baseStyle })}>
 304 
        <div {...getRootProps({ className: "dropzone", style: baseStyle })}>
299 
          <input {...getInputProps()} />
 305 
          <input {...getInputProps()} />
300 
          <p>Arrastra el archivo aqui, o haga click para seleccionar</p>
 306 
          <p>Arrastra el archivo aqui, o haga click para seleccionar</p>
301 
          {recomendationText}
 307 
          {recomendationText}
302 
        </div>
 308 
        </div>
303 
      ) : null}
 309 
      }
304 
      <aside>
 310 
      <aside>
305 
        <div style={thumbsContainerStyle}>
 311 
        <div style={thumbsContainerStyle}>
306 
          {files.map((file, id) => {
 312 
          {
307 
            filePreviewTest(file, id);
 313 
            files.map((file, id) => filePreviewTest(file, id))
308 
            })}
 314 
          }
309 
        </div>
 315 
        </div>
310 
        {errors.map((error, index) => (
 316 
        {errors.map((error, index) => (
311 
          <FormErrorFeedback key={index}>{error}</FormErrorFeedback>
 317 
          <FormErrorFeedback key={index}>{error}</FormErrorFeedback>
312 
        ))}
 318 
        ))}