Skip to content

Commit 4e6c5db

Browse files
committed
docs(UploadCollection): fix "simulate upload" story (#6177)
1 parent 6e17c83 commit 4e6c5db

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
@@ -40,6 +40,7 @@ export const Default: Story = {
4040
file={file}
4141
fileName={file.name}
4242
thumbnail={<Icon name={documentIcon} />}
43+
uploadState={UploadState.Ready}
4344
>
4445
<Text>{`Last modified: ${file.lastModifiedDate} · Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>
4546
</UploadCollectionItem>
@@ -61,7 +62,10 @@ export const SimulateUpload: Story = {
6162
key={'0'}
6263
file={null}
6364
fileName={'file-name.txt'}
64-
thumbnail={<img src="https://sap.github.io/ui5-webcomponents/images/logo.png" />}
65+
uploadState={UploadState.Ready}
66+
thumbnail={
67+
<img src="https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_water.png" />
68+
}
6569
>
6670
<Text>Uploaded by: Susanne Schmitt · Uploaded On: 2019-04-20</Text>
6771
</UploadCollectionItem>
@@ -76,6 +80,7 @@ export const SimulateUpload: Story = {
7680
key={file.name}
7781
file={file}
7882
fileName={file.name}
83+
uploadState={UploadState.Ready}
7984
thumbnail={<Icon name={documentIcon} />}
8085
>
8186
<Text>{`Last modified: ${file.lastModifiedDate} · Size: ${(file.size / 1000).toFixed(2)}KB`}</Text>

0 commit comments

Comments
 (0)