From 49802c72ac49b4ff2ab67f7c59c97a2b75462a41 Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Thu, 16 Mar 2023 18:11:29 -0500
Subject: [PATCH] [REF]: Impove styling sample code
---
.../dropzone-demo/CodeDropzoneDemoStyling.jsx | 39 +++++++++----------
1 file changed, 18 insertions(+), 21 deletions(-)
diff --git a/src/components/demo-components/dropzone-demo/CodeDropzoneDemoStyling.jsx b/src/components/demo-components/dropzone-demo/CodeDropzoneDemoStyling.jsx
index 149c6cd..5b25be4 100644
--- a/src/components/demo-components/dropzone-demo/CodeDropzoneDemoStyling.jsx
+++ b/src/components/demo-components/dropzone-demo/CodeDropzoneDemoStyling.jsx
@@ -20,12 +20,12 @@ const splittedCodeJS = `<Dropzone color="#6200EE">{/** files */}</Dropzone>
header={false}
footer={false}
>
- {/** files */}
+ {/** files */}
</Dropzone>
<Dropzone
background="radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);"
>
- {/** files */}
+ {/** files */}
</Dropzone>`;
const splittedCodeTS = `<Dropzone color="#6200EE">{/** files */}</Dropzone>
<Dropzone
@@ -33,12 +33,12 @@ const splittedCodeTS = `<Dropzone color="#6200EE">{/** files */}</Dropzone>
header={false}
footer={false}
>
- {/** files */}
+ {/** files */}
</Dropzone>
<Dropzone
background="radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);"
>
- {/** files */}
+ {/** files */}
</Dropzone>`;
const completeCodeJS = `import * as React from "react";
import { Dropzone } from "@files-ui/react";
@@ -60,7 +60,7 @@ export default function App() {
value={files}
color="#6200EE"
>
- {/** Files*/}
+ {/** Files*/}
</Dropzone>
<Dropzone
style={{ width: "300px" }}
@@ -68,13 +68,13 @@ export default function App() {
header={false}
footer={false}
>
- {/** Files*/}
+ {/** Files*/}
</Dropzone>
<Dropzone
style={{ width: "300px" }}
background="radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);"
>
- {/** Files*/}
+ {/** Files*/}
</Dropzone>
</div>
);
@@ -107,26 +107,23 @@ export default function App() {
style={{ width: "300px" }}
color="#6200EE"
>
- {/** Files*/}
+ {/** Files*/}
</Dropzone>
<Dropzone
- style={{ width: "300px" }}
- minHeight="120px"
- header={false}
- footer={false}
+ style={{ width: "300px" }}
+ minHeight="120px"
+ header={false}
+ footer={false}
>
- {/** Files*/}
+ {/** Files*/}
</Dropzone>
<Dropzone
- style={{ width: "300px" }}
- onChange={updateFiles}
- value={files}
- background="radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);"
+ style={{ width: "300px" }}
+ onChange={updateFiles}
+ value={files}
+ background="radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);"
>
- {files.length > 0 &&
- files.map((file: ExtFile) => (
- <FileMosaic key={file.id} {...file} onDelete={removeFile} info />
- ))}
+ {/** Files*/}
</Dropzone>
</div>
);
--
GitLab