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 = ({