filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-25 01:52:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(Upload/Popup): display loader spinner when saving a link

Browse Source
This commit is contained in:
Aminejv 2022-01-04 18:14:14 +01:00
parent 13b206873e
commit e6381c2dec
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/core/Upload/Popup.js
View File

@ -12,6 +12,7 @@ import { Show } from "~/components/utility/Show";
import { useHover } from "~/common/hooks";
import { clamp } from "lodash";
import { useUploadStore } from "~/components/core/Upload/store";
import { LoaderSpinner } from "~/components/system/components/Loaders";
import DataMeter from "~/components/core/DataMeter";
import BlobObjectPreview from "~/components/core/BlobObjectPreview";
@ -27,7 +28,6 @@ const STYLES_POPUP_WRAPPER = (theme) => css`
bottom: 24px;
right: 24px;
z-index: ${theme.zindex.tooltip};
box-shadow: ${theme.shadow.lightLarge};
`;
const STYLES_DISMISS_BUTTON = (theme) => css`
@ -391,11 +391,15 @@ function Summary({ uploadSummary }) {
}
>
<Match when={file.status === "uploading"}>
<DataMeter
bytes={file.loaded}
maximumBytes={file.total}
style={{ maxWidth: 84, marginTop: 2 }}
/>
{file.isLink ? (
<LoaderSpinner style={{ height: 12, width: 12 }} />
) : (
<DataMeter
bytes={file.loaded}
maximumBytes={file.total}
style={{ maxWidth: 84, marginTop: 2 }}
/>
)}
</Match>
<Match when={file.status === "failed"}>
<System.P3 color="red">failed</System.P3>