From 2c6a40384877abd79ae682f8b77694e90bec77fa Mon Sep 17 00:00:00 2001 From: MTG2000 Date: Thu, 12 May 2022 20:47:46 +0300 Subject: [PATCH] perf: make insert img/video modals lazy loaded --- src/Components/Inputs/TextEditor/InsertImageModal/index.tsx | 4 ++++ src/Components/Inputs/TextEditor/InsertVideoModal/index.tsx | 4 ++++ src/redux/features/modals.slice.ts | 4 ++-- 3 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 src/Components/Inputs/TextEditor/InsertImageModal/index.tsx create mode 100644 src/Components/Inputs/TextEditor/InsertVideoModal/index.tsx diff --git a/src/Components/Inputs/TextEditor/InsertImageModal/index.tsx b/src/Components/Inputs/TextEditor/InsertImageModal/index.tsx new file mode 100644 index 0000000..5656e18 --- /dev/null +++ b/src/Components/Inputs/TextEditor/InsertImageModal/index.tsx @@ -0,0 +1,4 @@ + +import { lazyModal } from 'src/utils/helperFunctions'; + +export const { LazyComponent: InsertImageModal } = lazyModal(() => import('./InsertImageModal')) \ No newline at end of file diff --git a/src/Components/Inputs/TextEditor/InsertVideoModal/index.tsx b/src/Components/Inputs/TextEditor/InsertVideoModal/index.tsx new file mode 100644 index 0000000..f6dd7dd --- /dev/null +++ b/src/Components/Inputs/TextEditor/InsertVideoModal/index.tsx @@ -0,0 +1,4 @@ + +import { lazyModal } from 'src/utils/helperFunctions'; + +export const { LazyComponent: InsertVideoModal } = lazyModal(() => import('./InsertVideoModal')) \ No newline at end of file diff --git a/src/redux/features/modals.slice.ts b/src/redux/features/modals.slice.ts index 194ed2d..1a99804 100644 --- a/src/redux/features/modals.slice.ts +++ b/src/redux/features/modals.slice.ts @@ -2,8 +2,8 @@ import { createSlice, PayloadAction } from "@reduxjs/toolkit"; import { Login_ScanningWalletCard, Login_ExternalWalletCard, Login_NativeWalletCard, Login_SuccessCard } from "src/Components/Modals/Login"; import { ProjectDetailsCard } from "src/features/Projects/pages/ProjectPage/ProjectDetailsCard"; import VoteCard from "src/features/Projects/pages/ProjectPage/VoteCard/VoteCard"; -import InsertImageModal from 'src/Components/Inputs/TextEditor/InsertImageModal/InsertImageModal' -import InsertVideoModal from 'src/Components/Inputs/TextEditor/InsertVideoModal/InsertVideoModal' +import { InsertImageModal } from 'src/Components/Inputs/TextEditor/InsertImageModal' +import { InsertVideoModal } from 'src/Components/Inputs/TextEditor/InsertVideoModal' import { Claim_FundWithdrawCard, Claim_CopySignatureCard, Claim_GenerateSignatureCard, Claim_SubmittedCard } from "src/features/Projects/pages/ProjectPage/ClaimProject"; import { ModalCard } from "src/Components/Modals/ModalsContainer/ModalsContainer"; import { ComponentProps } from "react";