fixed upload progress

src/components/input/ArcProgress/styles.module.scss

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

src/components/sortable/SortableImageGrid/index.tsx

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