Skip to content

Commit a770629

Browse files
authored
docs(UploadCollection): fix "simulate upload" story (#6177)
1 parent 71dce09 commit a770629

File tree

2 files changed

+19
-7
lines changed

2 files changed

+19
-7
lines changed

packages/main/src/webComponents/UploadCollection/UploadCollection.mdx

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -65,9 +65,13 @@ export const UploadCollectionComponent = () => {
6565
const SimulateUploadComponent = () => {
6666
const [children, setChildren] = useState([
6767
<UploadCollectionItem
68+
key={'0'}
6869
file={null}
6970
fileName={'file-name.txt'}
70-
thumbnail={<img src="https://sap.github.io/ui5-webcomponents/images/logo.png" />}
71+
uploadState={UploadState.Ready}
72+
thumbnail={
73+
<img src="https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_water.png" />
74+
}
7175
>
7276
<Text>Uploaded by: Susanne Schmitt · Uploaded On: 2019-04-20</Text>
7377
</UploadCollectionItem>
@@ -78,11 +82,14 @@ const SimulateUploadComponent = () => {
7882
files.forEach((file) => {
7983
setChildren((prev) => [
8084
...prev,
81-
<UploadCollectionItem file={file} fileName={file.name} thumbnail={<Icon name="document" />}>
82-
<Text>{`
83-
Last
84-
modified: ${file.lastModifiedDate} ·
85-
Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>
85+
<UploadCollectionItem
86+
key={file.name}
87+
file={file}
88+
fileName={file.name}
89+
uploadState={UploadState.Ready}
90+
thumbnail={<Icon name={documentIcon} />}
91+
>
92+
<Text>{`Last modified: ${file.lastModifiedDate} · Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>
8693
</UploadCollectionItem>
8794
]);
8895
});

packages/main/src/webComponents/UploadCollection/UploadCollection.stories.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ export const Default: Story = {
4242
file={file}
4343
fileName={file.name}
4444
thumbnail={<Icon name={documentIcon} />}
45+
uploadState={UploadState.Ready}
4546
>
4647
<Text>{`Last modified: ${file.lastModifiedDate} · Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>
4748
</UploadCollectionItem>
@@ -63,7 +64,10 @@ export const SimulateUpload: Story = {
6364
key={'0'}
6465
file={null}
6566
fileName={'file-name.txt'}
66-
thumbnail={<img src="https://sap.github.io/ui5-webcomponents/img/logo.png" />}
67+
uploadState={UploadState.Ready}
68+
thumbnail={
69+
<img src="https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_water.png" />
70+
}
6771
>
6872
<Text>Uploaded by: Susanne Schmitt · Uploaded On: 2019-04-20</Text>
6973
</UploadCollectionItem>
@@ -78,6 +82,7 @@ export const SimulateUpload: Story = {
7882
key={file.name}
7983
file={file}
8084
fileName={file.name}
85+
uploadState={UploadState.Ready}
8186
thumbnail={<Icon name={documentIcon} />}
8287
>
8388
<Text>{`Last modified: ${file.lastModifiedDate} · Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>

0 commit comments

Comments
 (0)