diff --git a/src/components/input/ArcProgress/styles.module.scss b/src/components/input/ArcProgress/styles.module.scss
index e5ba5472..e45a511e 100644
--- a/src/components/input/ArcProgress/styles.module.scss
+++ b/src/components/input/ArcProgress/styles.module.scss
@@ -3,8 +3,4 @@
.icon {
fill: $color_danger;
stroke: none;
-
- //path {
- // transition: d 0.5s;
- //}
}
diff --git a/src/components/sortable/SortableImageGrid/index.tsx b/src/components/sortable/SortableImageGrid/index.tsx
index 3b547dc8..086fd268 100644
--- a/src/components/sortable/SortableImageGrid/index.tsx
+++ b/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 = ({
- item,
- onDelete,
-}: {
- item: IFile;
- onDelete: (fileId: number) => void;
-}) => (
-
+const renderItem = observer(
+ ({ item, onDelete }: { item: IFile; onDelete: (fileId: number) => void }) => (
+
+ ),
);
-const renderLocked = ({
- locked,
- onDelete,
-}: {
- locked: UploadStatus;
- onDelete: (fileId: number) => void;
-}) => (
-
+const renderLocked = observer(
+ ({
+ locked,
+ onDelete,
+ }: {
+ locked: UploadStatus;
+ onDelete: (fileId: number) => void;
+ }) => (
+
+ ),
);
const SortableImageGrid: FC = ({