From 614e56f15be7d7b07d4da962afdc99cbbf290d1d Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Thu, 2 Jun 2022 21:46:55 +0800
Subject: [PATCH] tiptap: use lazyLoad

---
 packages/client/src/tiptap/core/wrappers/title/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/tiptap/core/wrappers/title/index.tsx b/packages/client/src/tiptap/core/wrappers/title/index.tsx
index 335d30a8..108f66ab 100644
--- a/packages/client/src/tiptap/core/wrappers/title/index.tsx
+++ b/packages/client/src/tiptap/core/wrappers/title/index.tsx
@@ -4,6 +4,7 @@ import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
 import cls from 'classnames';
 import { ImageUploader } from 'components/image-uploader';
 import { useCallback } from 'react';
+import { LazyLoadImage } from 'react-lazy-load-image-component';
 
 import styles from './index.module.scss';
 
@@ -42,7 +43,7 @@ export const TitleWrapper = ({ editor, node }) => {
     <NodeViewWrapper className={cls(styles.wrap, 'title')}>
       {cover ? (
         <div className={styles.coverWrap} contentEditable={false}>
-          <img src={cover} alt="cover" />
+          <LazyLoadImage src={cover} alt="cover" />
           {isEditable ? (
             <div className={styles.toolbar}>
               <ImageUploader images={images} selectImage={setCover}>