SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

скелетон для модалки амо

Browse Source
This commit is contained in:
Tamara 2024-06-24 19:20:22 +03:00
parent fdef102baf
commit ce39371fe5
2 changed files with 52 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/IntegrationsPage/IntegrationsModal/AmoCRMModal.tsx
View File

@ -1,5 +1,5 @@
import React, { FC, useCallback, useEffect, useMemo, useState } from "react";
import { Dialog, IconButton, Typography, useMediaQuery, useTheme, Box } from "@mui/material";
import {Dialog, IconButton, Typography, useMediaQuery, useTheme, Box, Skeleton} from "@mui/material";
import { useQuestions } from "@/stores/questions/hooks";
import { redirect } from "react-router-dom";
import { enqueueSnackbar } from "notistack";
@ -73,7 +73,7 @@ export const AmoCRMModal: FC<IntegrationsModalProps> = ({ isModalOpen, handleClo
const [openDelete, setOpenDelete] = useState<TagQuestionHC | null>(null);
const {
isloadingPage,
isLoadingPage,
firstRules,
accountInfo,
arrayOfPipelines,
@ -360,6 +360,15 @@ export const AmoCRMModal: FC<IntegrationsModalProps> = ({ isModalOpen, handleClo
flexGrow: 1,
}}
>
{isLoadingPage ?
<Skeleton
sx={{
width: "100%",
height: "100%",
transform: "none",
}}
/> :
<>
<AmoModalTitle
step={step}
steps={steps}
@ -397,6 +406,10 @@ export const AmoCRMModal: FC<IntegrationsModalProps> = ({ isModalOpen, handleClo
)}
</>
)}
</>
}
</Box>
</Dialog>
);

4
src/pages/IntegrationsPage/IntegrationsModal/useAmoIntegration.ts
View File

@ -21,7 +21,7 @@ interface Props {
}
export const useAmoIntegration = ({ isModalOpen, isTryRemoveAccount, quizID }: Props) => {
const [isloadingPage, setIsLoadingPage] = useState<boolean>(true);
const [isLoadingPage, setIsLoadingPage] = useState<boolean>(true);
const [firstRules, setFirstRules] = useState<boolean>(false);
const [accountInfo, setAccountInfo] = useState<AccountResponse | null>(null);
@ -224,7 +224,7 @@ export const useAmoIntegration = ({ isModalOpen, isTryRemoveAccount, quizID }: P
}, [pageOfTags]);
return {
isloadingPage,
isLoadingPage,
firstRules,
accountInfo,
arrayOfPipelines,