added lazy loading to NodeImageSwiperBlock

src/containers/dialogs/PhotoSwipe/index.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import PhotoSwipeUI_Default from 'photoswipe/dist/photoswipe-ui-default.js';
 import PhotoSwipeJs from 'photoswipe/dist/photoswipe.js';
 
-import { ImagePresets } from '~/constants/urls';
+import { imagePresets } from '~/constants/urls';
 import { useWindowSize } from '~/hooks/dom/useWindowSize';
 import { useModal } from '~/hooks/modal/useModal';
 import { IFile } from '~/types';
@@ -25,18 +25,18 @@ const PhotoSwipe: VFC<PhotoSwipeProps> = observer(({ index, items }) => {
   const { isTablet } = useWindowSize();
 
   useEffect(() => {
-    new Promise(async resolve => {
+    new Promise(async (resolve) => {
       const images = await Promise.all(
         items.map(
-          image =>
-            new Promise(resolveImage => {
+          (image) =>
+            new Promise((resolveImage) => {
               const img = new Image();
 
               img.onload = () => {
                 resolveImage({
                   src: getURL(
                     image,
-                    isTablet ? ImagePresets[900] : ImagePresets[1600],
+                    isTablet ? imagePresets[900] : imagePresets[1600],
                   ),
                   h: img.naturalHeight,
                   w: img.naturalWidth,
@@ -47,13 +47,13 @@ const PhotoSwipe: VFC<PhotoSwipeProps> = observer(({ index, items }) => {
                 resolveImage({});
               };
 
-              img.src = getURL(image, ImagePresets[1600]);
+              img.src = getURL(image, imagePresets[1600]);
             }),
         ),
       );
 
       resolve(images);
-    }).then(images => {
+    }).then((images) => {
       const ps = new PhotoSwipeJs(ref.current, PhotoSwipeUI_Default, images, {
         index: index || 0,
         closeOnScroll: false,

src/containers/profile/ProfilePageLeft/index.tsx

@@ -3,7 +3,7 @@ import React, { FC } from 'react';
 import { Avatar } from '~/components/common/Avatar';
 import { Markdown } from '~/components/containers/Markdown';
 import { Placeholder } from '~/components/placeholders/Placeholder';
-import { ImagePresets } from '~/constants/urls';
+import { imagePresets } from '~/constants/urls';
 import { IUser } from '~/types/auth';
 import { formatText } from '~/utils/dom';
 
@@ -22,7 +22,7 @@ const ProfilePageLeft: FC<IProps> = ({ username, profile, isLoading }) => {
         username={username}
         url={profile?.photo?.url}
         className={styles.avatar}
-        preset={ImagePresets['600']}
+        preset={imagePresets['600']}
       />
 
       <div className={styles.region}>