Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 15267 Rev 15269
Línea 61... Línea 61...
61 
		setFiles(files.filter(file => file !== id))
 61 
		setFiles(files.filter(file => file !== id))
62 
	}
 62 
	}
Línea 63... Línea 63...
63 
 
 63 
 
64 
	const filePreviewOptions = (modalType, file) => {
 64 
	const filePreviewOptions = (modalType, file) => {
65 
		const options = {
 65 
		const options = {
66 
			IMAGE: <img src={URL.createObjectURL(file)} style={imgStyle} />,
 66 
			IMAGE: <img src={URL.createObjectURL(file)} style={imgStyle} width='100%' />,
67 
			FILE: <object data={URL.createObjectURL(file)} type="application/pdf" width="400" height="200" />,
 67 
			FILE: <object data={URL.createObjectURL(file)} type="application/pdf" width="400" height="200" />,
68 
			VIDEO: <video src={URL.createObjectURL(file)} width="400" height="300" controls autoPlay muted />
 68 
			VIDEO: <video src={URL.createObjectURL(file)} width="400" height="300" controls autoPlay muted />
Línea 69... Línea 69...
69 
		}
 69 
		}
70 
 
 70 
 
Línea 71... Línea 71...
71 
		return options[modalType]
 71 
		return options[modalType]
72 
	}
 72 
	}
73 
 
 73 
 
74 
	return (
 74 
	return (
75 
		<div>
 75 
		<div>
76 
			{!files.length &&
 76 
			{!files.length &&
77 
                <div {...getRootProps({ className: 'dropzone', style: baseStyle })}>
 77 
				<div {...getRootProps({ className: 'dropzone', style: baseStyle })}>
78 
                	<input {...getInputProps()} />
 78 
					<input {...getInputProps()} />
79 
                	<p>Arrastra el archivo aqui, o haga click para seleccionar</p>
 79 
					<p>Arrastra el archivo aqui, o haga click para seleccionar</p>
80 
                	{recomendationText}
 80 
					{recomendationText}
81 
                </div>
 81 
				</div>
82 
			}
 82 
			}
83 
			<aside>
 83 
			<aside>