Skip to content

Commit f350bad

Browse files
committed
refactor: FileUpload - uploading icon update
1 parent 0d18223 commit f350bad

File tree

3 files changed

+8
-5
lines changed

3 files changed

+8
-5
lines changed
Lines changed: 1 addition & 0 deletions
Loading

src/Shared/Components/DynamicDataTable/DynamicDataTableRow.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -198,7 +198,9 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
198198
)
199199
case DynamicDataTableRowDataType.FILE_UPLOAD:
200200
return (
201-
<div className={`mw-none w-100 h-100 flex top left px-8 ${row.data[key].value ? 'py-3' : 'py-8'}`}>
201+
<div
202+
className={`mw-none w-100 h-100 flex top left px-8 ${row.data[key].props?.isLoading || row.data[key].value ? 'py-3' : 'py-8'}`}
203+
>
202204
<FileUpload
203205
{...row.data[key].props}
204206
fileName={row.data[key].value}

src/Shared/Components/FileUpload/FileUpload.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import { ChangeEvent } from 'react'
22

3-
import { ReactComponent as ICCloudUpload } from '@Icons/ic-cloud-upload.svg'
3+
import { ReactComponent as ICUploadArrowAnimated } from '@Icons/ic-upload-arrow-animated.svg'
4+
import { ReactComponent as ICFileText } from '@Icons/ic-file-text.svg'
45
import { ReactComponent as ICCross } from '@Icons/ic-cross.svg'
56
import { Tooltip } from '@Common/Tooltip'
67

7-
import { Progressing } from '@Common/Progressing'
88
import { ComponentSizeType } from '@Shared/constants'
99

1010
import { Button, ButtonStyleType, ButtonVariantType } from '../Button'
@@ -42,12 +42,12 @@ export const FileUpload = ({
4242
<div className="flexbox dc__align-items-center dc__gap-8 px-8 py-4 mw-none">
4343
{isLoading ? (
4444
<>
45-
<Progressing size={16} />
45+
<ICUploadArrowAnimated className="icon-dim-16 dc__no-shrink scb-5" />
4646
<span className="fs-12 lh-20">Uploading...</span>
4747
</>
4848
) : (
4949
<>
50-
<ICCloudUpload className="icon-dim-16 dc__no-shrink" />
50+
<ICFileText className="icon-dim-16 dc__no-shrink scb-5" />
5151
<Tooltip content={fileName}>
5252
<span className="fs-12 lh-20 dc__ellipsis-right">{fileName}</span>
5353
</Tooltip>

0 commit comments

Comments
 (0)