muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed upload progress

Browse source
This commit is contained in:
Fedor Katurov 2022-12-20 15:17:39 +06:00
parent f7cd6316f5
commit ae7347fbb7
2 changed files with 25 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/input/ArcProgress/styles.module.scss
View file

@ -3,8 +3,4 @@
.icon { .icon {
fill: $color_danger; fill: $color_danger;
stroke: none; stroke: none;
//path {
// transition: d 0.5s;
//}
} }

50
src/components/sortable/SortableImageGrid/index.tsx
View file

@ -1,5 +1,7 @@
import React, { FC, useMemo } from 'react'; import React, { FC, useMemo } from 'react';
import { observer } from 'mobx-react-lite';
import { ImageUpload } from '~/components/upload/ImageUpload'; import { ImageUpload } from '~/components/upload/ImageUpload';
import { imagePresets } from '~/constants/urls'; import { imagePresets } from '~/constants/urls';
import { UploadStatus } from '~/store/uploader/UploaderStore'; import { UploadStatus } from '~/store/uploader/UploaderStore';
@ -18,33 +20,31 @@ interface SortableImageGridProps {
className?: string; className?: string;
size?: number; size?: number;
} }
const renderItem = ({ const renderItem = observer(
item, ({ item, onDelete }: { item: IFile; onDelete: (fileId: number) => void }) => (
onDelete, <ImageUpload
}: { id={item.id}
item: IFile; thumb={getURL(item, imagePresets.cover)}
onDelete: (fileId: number) => void; onDrop={onDelete}
}) => ( />
<ImageUpload ),
id={item.id}
thumb={getURL(item, imagePresets.cover)}
onDrop={onDelete}
/>
); );
const renderLocked = ({ const renderLocked = observer(
locked, ({
onDelete, locked,
}: { onDelete,
locked: UploadStatus; }: {
onDelete: (fileId: number) => void; locked: UploadStatus;
}) => ( onDelete: (fileId: number) => void;
<ImageUpload }) => (
thumb={locked.thumbnail} <ImageUpload
onDrop={onDelete} thumb={locked.thumbnail}
progress={locked.progress} onDrop={onDelete}
uploading progress={locked.progress}
/> uploading
/>
),
); );
const SortableImageGrid: FC<SortableImageGridProps> = ({ const SortableImageGrid: FC<SortableImageGridProps> = ({