morten/catpic.delivery
1
0
Fork 0
mirror of https://github.com/morten-olsen/catpic.delivery.git synced 2026-02-08 01:46:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Morten Olsen
2021-06-09 11:21:29 +02:00
parent 3a0eeb2e53
commit 6ea785d076
7 changed files with 239 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/containers/Connected.tsx
View File

@@ -1,6 +1,8 @@
import React, { useCallback } from 'react';
import { useDropzone } from 'react-dropzone';
import useConnection from '../hooks/useConnection';
import FileView from '../components/File';
import FileGrid from '../components/FileGrid';
const readFile = (file: File) => new Promise((resolve, reject) => {
const reader = new FileReader();
@@ -38,15 +40,14 @@ const Connected: React.FC<{}> = () => {
{ isDragActive ? (
<p>Drop the files here ...</p>
):(
<p>Drag 'n' drop some files here, or click to select files</p>
<p>Drag 'n' drop some files here, or click to select files!</p>
)}
</div>
{messages.map((message) => (
<div>
{message.name}-{message.body.length}
<img style={{ width: 300, height: 300 }} src={message.body} />
</div>
))}
<FileGrid>
{messages.map((message) => (
<FileView name={message.name} type={message.type} src={message.body} />
))}
</FileGrid>
</>
);
}