Add yet-another-react-lightbox package and update .gitignore to exclude node_modules
This commit is contained in:
54
frontend/node_modules/react-dropzone/typings/tests/accept.tsx
generated
vendored
54
frontend/node_modules/react-dropzone/typings/tests/accept.tsx
generated
vendored
@@ -1,54 +0,0 @@
|
||||
import React from "react";
|
||||
import Dropzone from "../../";
|
||||
|
||||
export default class Accept extends React.Component {
|
||||
state = {
|
||||
accepted: [],
|
||||
rejected: [],
|
||||
};
|
||||
|
||||
render() {
|
||||
return (
|
||||
<section>
|
||||
<div className="dropzone">
|
||||
<Dropzone
|
||||
accept={{
|
||||
"image/*": [".jpeg", ".png"],
|
||||
}}
|
||||
onDrop={(accepted, rejected) => {
|
||||
this.setState({ accepted, rejected });
|
||||
}}
|
||||
>
|
||||
{({ getRootProps }) => (
|
||||
<div {...getRootProps()}>
|
||||
<p>
|
||||
Try dropping some files here, or click to select files to
|
||||
upload.
|
||||
</p>
|
||||
<p>Only *.jpeg and *.png images will be accepted</p>
|
||||
</div>
|
||||
)}
|
||||
</Dropzone>
|
||||
</div>
|
||||
<aside>
|
||||
<h2>Accepted files</h2>
|
||||
<ul>
|
||||
{this.state.accepted.map((f) => (
|
||||
<li key={f.name}>
|
||||
{f.name} - {f.size} bytes
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
<h2>Rejected files</h2>
|
||||
<ul>
|
||||
{this.state.rejected.map((f) => (
|
||||
<li key={f.name}>
|
||||
{f.name} - {f.size} bytes
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</aside>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user