From 93a1d4104bc0af98b37e6307a43d228033079517 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sat, 6 Nov 2021 18:13:43 +0700
Subject: [PATCH] added layload offset for flow cell image

---
 src/components/flow/FlowCell/index.tsx      | 7 +++----
 src/components/flow/FlowCellImage/index.tsx | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/flow/FlowCell/index.tsx b/src/components/flow/FlowCell/index.tsx
index 107b21e8..abfec94c 100644
--- a/src/components/flow/FlowCell/index.tsx
+++ b/src/components/flow/FlowCell/index.tsx
@@ -1,15 +1,13 @@
-import React, { FC, useState } from 'react';
+import React, { FC } from 'react';
 import styles from './styles.module.scss';
 import { NavLink } from 'react-router-dom';
 import { CellShade } from '~/components/flow/CellShade';
 import { FlowCellImage } from '~/components/flow/FlowCellImage';
-import { FlowDisplay, FlowDisplayVariant, INode } from '~/redux/types';
+import { FlowDisplay, INode } from '~/redux/types';
 import { FlowCellText } from '~/components/flow/FlowCellText';
 import classNames from 'classnames';
 import { FlowCellMenu } from '~/components/flow/FlowCellMenu';
 import { useFlowCellControls } from '~/utils/hooks/flow/useFlowCellControls';
-import { Icon } from '~/components/input/Icon';
-import { useFocusEvent } from '~/utils/hooks/useFocusEvent';
 import { useClickOutsideFocus } from '~/utils/hooks/useClickOutsideFocus';
 import { MenuDots } from '~/components/common/MenuDots';
 
@@ -19,6 +17,7 @@ interface Props {
   title: string;
   image?: string;
   color?: string;
+
   text?: string;
   flow: FlowDisplay;
   canEdit?: boolean;
diff --git a/src/components/flow/FlowCellImage/index.tsx b/src/components/flow/FlowCellImage/index.tsx
index b1b07334..048bc96d 100644
--- a/src/components/flow/FlowCellImage/index.tsx
+++ b/src/components/flow/FlowCellImage/index.tsx
@@ -9,7 +9,7 @@ interface Props extends IMGProps {
 }
 
 const FlowCellImage: FC<Props> = ({ className, children, ...rest }) => (
-  <LazyLoad once className={classNames(styles.wrapper, className)}>
+  <LazyLoad once offset={600} className={classNames(styles.wrapper, className)}>
     <img {...rest} src={rest.src} alt="" />
     {children}
   </LazyLoad>