From af70d8b2c6482d0d09e6379cb1cd748447bb5bdd Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Sat, 30 Mar 2024 21:54:28 +0300
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BB=D1=8C=D1=82=D1=80=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D1=82=D0=B0=D1=80=D0=B8=D1=84=D0=BE=D0=B2?=
 =?UTF-8?q?=20=D1=88=D0=B8=D0=BB=D1=8C=D0=B4=D0=B8=D0=BA=D0=B0=20=D0=BE?=
 =?UTF-8?q?=D1=82=20=D0=B1=D0=B0=D0=B7=D0=BE=D0=B2=D1=8B=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/statistic.ts                        |  6 +-
 src/assets/icons/ChartIcon.tsx              | 46 +++++++++++----
 src/pages/Analytics/Analytics.tsx           | 30 +++++-----
 src/pages/Analytics/Answers/Answers.tsx     |  9 ++-
 src/pages/Analytics/Answers/Funnel.tsx      | 15 ++++-
 src/pages/Analytics/Answers/Results.tsx     |  7 ++-
 src/pages/Analytics/Answers/index.tsx       |  8 +--
 src/pages/Analytics/Devices.tsx             |  7 ++-
 src/pages/Analytics/General.tsx             | 24 ++++----
 src/pages/Questions/DraggableList/index.tsx |  4 +-
 src/pages/Questions/QuestionsPage.tsx       |  2 +-
 src/pages/Tariffs/Tabs.tsx                  |  6 +-
 src/pages/Tariffs/Tariffs.tsx               | 62 ++++++++++++++++++---
 src/pages/createQuize/QuizCard.tsx          | 12 ++--
 src/stores/questions/actions.ts             |  8 +--
 src/ui_kit/Modal/CropModal.tsx              | 13 +++--
 src/utils/hooks/useAnalytics.ts             | 52 ++++++++---------
 17 files changed, 200 insertions(+), 111 deletions(-)

diff --git a/src/api/statistic.ts b/src/api/statistic.ts
index 15b20de9..47ac40c0 100644
--- a/src/api/statistic.ts
+++ b/src/api/statistic.ts
@@ -33,7 +33,7 @@ export const getDevices = async (
       method: "POST",
       url: `${apiUrl}/${quizId}/devices`,
       withCredentials: true,
-      body: {to, from}
+      body: { to, from },
     });
 
     return [devicesResponse];
@@ -54,7 +54,7 @@ export const getGeneral = async (
       method: "POST",
       url: `${apiUrl}/${quizId}/general`,
       withCredentials: true,
-      body: {to, from}
+      body: { to, from },
     });
 
     return [generalResponse];
@@ -75,7 +75,7 @@ export const getQuestions = async (
       method: "POST",
       url: `${apiUrl}/${quizId}/questions`,
       withCredentials: true,
-      body: {to, from}
+      body: { to, from },
     });
 
     return [questionsResponse];
diff --git a/src/assets/icons/ChartIcon.tsx b/src/assets/icons/ChartIcon.tsx
index eaa188bb..7b7ffa7b 100755
--- a/src/assets/icons/ChartIcon.tsx
+++ b/src/assets/icons/ChartIcon.tsx
@@ -1,15 +1,37 @@
 import { Box, SxProps, Theme } from "@mui/material";
 
 export default function ChartLineUp(sx: SxProps<Theme>) {
-    return (
-        <Box
-            sx={sx}
-        >
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M21 19.5H3V4.5" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                <path d="M19.5 6L12 13.5L9 10.5L3 16.5" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                <path d="M19.5 9.75V6H15.75" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-            </svg>
-        </Box>
-    );
-}
\ No newline at end of file
+  return (
+    <Box sx={sx}>
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 19.5H3V4.5"
+          stroke="#7E2AEA"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M19.5 6L12 13.5L9 10.5L3 16.5"
+          stroke="#7E2AEA"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M19.5 9.75V6H15.75"
+          stroke="#7E2AEA"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    </Box>
+  );
+}
diff --git a/src/pages/Analytics/Analytics.tsx b/src/pages/Analytics/Analytics.tsx
index 10577bbd..e06841ee 100644
--- a/src/pages/Analytics/Analytics.tsx
+++ b/src/pages/Analytics/Analytics.tsx
@@ -32,15 +32,19 @@ export default function Analytics() {
   const [to, setTo] = useState(null);
   const [from, setFrom] = useState(null);
 
-  const { devices, general, questions } = useAnalytics({quizId: editQuizId?.toString(), to, from})
+  const { devices, general, questions } = useAnalytics({
+    quizId: editQuizId?.toString(),
+    to,
+    from,
+  });
 
   const resetTime = () => {
     setTo(null);
     setFrom(null);
-  }
+  };
   useLayoutEffect(() => {
-    if (editQuizId === undefined) redirect("/list")
-  }, [editQuizId])
+    if (editQuizId === undefined) redirect("/list");
+  }, [editQuizId]);
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
   const isMobile = useMediaQuery(theme.breakpoints.down(600));
@@ -70,9 +74,9 @@ export default function Analytics() {
       handleClose();
     }
   };
-  console.log("questions",questions)
-  console.log("general",general)
-  console.log("devices",devices)
+  console.log("questions", questions);
+  console.log("general", general);
+  console.log("devices", devices);
 
   const now = moment();
   return (
@@ -142,8 +146,8 @@ export default function Analytics() {
                   color: "4D4D4D",
                 }}
               >
-              value={from}
-              onChange={(newValue) => setValue(setFrom)}
+                value={from}
+                onChange={(newValue) => setValue(setFrom)}
                 Дата окончания
               </Typography>
               <DatePicker
@@ -177,7 +181,7 @@ export default function Analytics() {
           </Box>
 
           <Button
-          onClick={resetTime}
+            onClick={resetTime}
             variant="outlined"
             sx={{
               minWidth: isMobile ? "144px" : "180px",
@@ -196,9 +200,9 @@ export default function Analytics() {
             Сбросить
           </Button>
         </Box>
-        <General data={ general }/>
-        <AnswersStatistics data={ questions }/>
-        <Devices data={ devices }/>
+        <General data={general} />
+        <AnswersStatistics data={questions} />
+        <Devices data={devices} />
       </SectionWrapper>
     </>
   );
diff --git a/src/pages/Analytics/Answers/Answers.tsx b/src/pages/Analytics/Answers/Answers.tsx
index d44b2e0a..acbcad48 100644
--- a/src/pages/Analytics/Answers/Answers.tsx
+++ b/src/pages/Analytics/Answers/Answers.tsx
@@ -188,9 +188,14 @@ const Pagination = () => {
 
 export const Answers = (props) => {
   const theme = useTheme();
-  console.log(props.data)
+  console.log(props.data);
 
-  if (Object.keys(props.data).length === 0) return <Typography textAlign="center" m="10px 0">нет данных об ответах</Typography>
+  if (Object.keys(props.data).length === 0)
+    return (
+      <Typography textAlign="center" m="10px 0">
+        нет данных об ответах
+      </Typography>
+    );
   return (
     <Box sx={{ flexGrow: 1 }}>
       <Paper
diff --git a/src/pages/Analytics/Answers/Funnel.tsx b/src/pages/Analytics/Answers/Funnel.tsx
index 8e49e60e..48f7e9ec 100644
--- a/src/pages/Analytics/Answers/Funnel.tsx
+++ b/src/pages/Analytics/Answers/Funnel.tsx
@@ -104,7 +104,7 @@ export const Funnel = (props) => {
   const theme = useTheme();
   const isSmallMonitor = useMediaQuery(theme.breakpoints.down(1150));
   const isMobile = useMediaQuery(theme.breakpoints.down(850));
-console.log(props)
+  console.log(props);
   useEffect(() => {
     // const requestFunnel = async () => {
     //   const [funnelResponse, funnelError] = await getGeneral("14761");
@@ -121,7 +121,12 @@ console.log(props)
     // requestFunnel();
   }, []);
 
-  if (Object.keys(props.data).length === 0) return <Typography textAlign="center" m="10px 0">нет данных о разделах</Typography>
+  if (Object.keys(props.data).length === 0)
+    return (
+      <Typography textAlign="center" m="10px 0">
+        нет данных о разделах
+      </Typography>
+    );
   return (
     <Paper
       sx={{
@@ -133,7 +138,11 @@ console.log(props)
       }}
     >
       {Object.entries(FUNNEL_MOCK).map(([title, percent], index) => (
-        <FunnelItem key={title} title={title} percent={index > 0 ? props.data[index-1] : percent} />
+        <FunnelItem
+          key={title}
+          title={title}
+          percent={index > 0 ? props.data[index - 1] : percent}
+        />
       ))}
     </Paper>
   );
diff --git a/src/pages/Analytics/Answers/Results.tsx b/src/pages/Analytics/Answers/Results.tsx
index 8646e355..b9d3afe1 100644
--- a/src/pages/Analytics/Answers/Results.tsx
+++ b/src/pages/Analytics/Answers/Results.tsx
@@ -72,7 +72,12 @@ const Result = ({ title, percent, highlight }: ResultProps) => {
 export const Results = (props) => {
   const theme = useTheme();
 
-  if (Object.keys(props.data).length === 0) return <Typography margin="20px 0 0 0" textAlign="center" m="10px 0">нет данных о результатах</Typography>
+  if (Object.keys(props.data).length === 0)
+    return (
+      <Typography margin="20px 0 0 0" textAlign="center" m="10px 0">
+        нет данных о результатах
+      </Typography>
+    );
   return (
     <Box>
       <Typography
diff --git a/src/pages/Analytics/Answers/index.tsx b/src/pages/Analytics/Answers/index.tsx
index 7e91916c..72306a26 100644
--- a/src/pages/Analytics/Answers/index.tsx
+++ b/src/pages/Analytics/Answers/index.tsx
@@ -17,7 +17,7 @@ export const AnswersStatistics = (props) => {
   const isSmallMonitor = useMediaQuery(theme.breakpoints.down(1150));
   const isMobile = useMediaQuery(theme.breakpoints.down(850));
 
-console.log(props)
+  console.log(props);
 
   return (
     <Box sx={{ marginTop: "120px" }}>
@@ -59,10 +59,10 @@ console.log(props)
           gap: "40px",
         }}
       >
-        <Answers data={props.data?.Questions || {}}/>
-        <Funnel data={props.data?.Funnel || {}}/>
+        <Answers data={props.data?.Questions || {}} />
+        <Funnel data={props.data?.Funnel || {}} />
       </Box>
-      <Results data={props.data?.Results || {}}/>
+      <Results data={props.data?.Results || {}} />
     </Box>
   );
 };
diff --git a/src/pages/Analytics/Devices.tsx b/src/pages/Analytics/Devices.tsx
index 7a7ba3ad..e8b3ebcc 100644
--- a/src/pages/Analytics/Devices.tsx
+++ b/src/pages/Analytics/Devices.tsx
@@ -27,8 +27,9 @@ const DEVICES_MOCK: DevicesResponse = {
 
 const Device = ({ title, devices }: DeviceProps) => {
   const theme = useTheme();
-  console.log("devices ", devices)
-  if (devices === undefined || Object.keys(devices).length === 0) return <Typography>{title} - нет данных</Typography>
+  console.log("devices ", devices);
+  if (devices === undefined || Object.keys(devices).length === 0)
+    return <Typography>{title} - нет данных</Typography>;
   const data = Object.entries(devices).map(([id, value], index) => ({
     id,
     value,
@@ -97,7 +98,7 @@ const Device = ({ title, devices }: DeviceProps) => {
   );
 };
 
-export const Devices = ({data = {}}) => {
+export const Devices = ({ data = {} }) => {
   const [devices, setDevices] = useState<DevicesResponse>(data);
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
diff --git a/src/pages/Analytics/General.tsx b/src/pages/Analytics/General.tsx
index b8b057a2..23aa55ea 100644
--- a/src/pages/Analytics/General.tsx
+++ b/src/pages/Analytics/General.tsx
@@ -38,11 +38,7 @@ const GeneralItem = ({ title, general, color, numberType }: GeneralProps) => {
       : Object.entries(general).reduce(
           (total, [key, value]) => total + (value / Number(key)) * 100,
           0,
-        ) / Object.keys(general).length
-        ||
-        Number(0)
-        ;
-
+        ) / Object.keys(general).length || Number(0);
   return (
     <Paper
       sx={{
@@ -69,13 +65,17 @@ const GeneralItem = ({ title, general, color, numberType }: GeneralProps) => {
   );
 };
 
-export const General = (props:any) => {
-
+export const General = (props: any) => {
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
   const isMobile = useMediaQuery(theme.breakpoints.down(700));
 
-  if (Object.keys(props.data).length === 0) return <Typography textAlign="center" m="10px 0">нет данных о ключевых метриках</Typography>
+  if (Object.keys(props.data).length === 0)
+    return (
+      <Typography textAlign="center" m="10px 0">
+        нет данных о ключевых метриках
+      </Typography>
+    );
   return (
     <Box sx={{ marginTop: "45px" }}>
       <Typography
@@ -103,25 +103,25 @@ export const General = (props:any) => {
         <GeneralItem
           title="Открыли квиз"
           numberType="sum"
-          general={props.data.open || {0:0}}
+          general={props.data.open || { 0: 0 }}
           color={COLORS[0]}
         />
         <GeneralItem
           title="Получено заявок"
           numberType="sum"
-          general={props.data.result || {0:0}}
+          general={props.data.result || { 0: 0 }}
           color={COLORS[1]}
         />
         <GeneralItem
           title="Конверсия"
           numberType="percent"
-          general={props.data.conversation || {0:0}}
+          general={props.data.conversation || { 0: 0 }}
           color={COLORS[2]}
         />
         <GeneralItem
           title="Среднее время прохождения квиза"
           numberType="percent"
-          general={props.data.avtime || {0:0}}
+          general={props.data.avtime || { 0: 0 }}
           color={COLORS[3]}
         />
       </Box>
diff --git a/src/pages/Questions/DraggableList/index.tsx b/src/pages/Questions/DraggableList/index.tsx
index 02a1a105..3bef5825 100644
--- a/src/pages/Questions/DraggableList/index.tsx
+++ b/src/pages/Questions/DraggableList/index.tsx
@@ -28,8 +28,8 @@ export const DraggableList = ({
 
   useEffect(() => {
     if (!isLoading && quiz && !filteredQuestions.length) {
-      console.log("useEffect", quiz)
-      console.log(Number(quiz.backendId))
+      console.log("useEffect", quiz);
+      console.log(Number(quiz.backendId));
       createUntypedQuestion(Number(quiz.backendId));
     }
   }, [quiz, filteredQuestions]);
diff --git a/src/pages/Questions/QuestionsPage.tsx b/src/pages/Questions/QuestionsPage.tsx
index fe829080..48fc8b6e 100755
--- a/src/pages/Questions/QuestionsPage.tsx
+++ b/src/pages/Questions/QuestionsPage.tsx
@@ -36,7 +36,7 @@ export default function QuestionsPage({
     updateEditSomeQuestion();
   }, []);
 
-  console.log("quiz", quiz)
+  console.log("quiz", quiz);
   if (!quiz) return null;
 
   return (
diff --git a/src/pages/Tariffs/Tabs.tsx b/src/pages/Tariffs/Tabs.tsx
index fda3d8dc..329ea1ef 100644
--- a/src/pages/Tariffs/Tabs.tsx
+++ b/src/pages/Tariffs/Tabs.tsx
@@ -4,8 +4,8 @@ import { CustomTab } from "./CustomTab";
 type TabsProps = {
   names: string[];
   items: string[];
-  selectedItem: "count" | "day";
-  setSelectedItem: (num: "count" | "day") => void;
+  selectedItem: "count" | "day" | "dop";
+  setSelectedItem: (num: "count" | "day" | "dop") => void;
 };
 
 export const Tabs = ({
@@ -18,7 +18,7 @@ export const Tabs = ({
     sx={{ m: "25px" }}
     TabIndicatorProps={{ sx: { display: "none" } }}
     value={selectedItem}
-    onChange={(event, newValue: "count" | "day") => {
+    onChange={(event, newValue: "count" | "day" | "dop") => {
       setSelectedItem(newValue);
     }}
     variant="scrollable"
diff --git a/src/pages/Tariffs/Tariffs.tsx b/src/pages/Tariffs/Tariffs.tsx
index 82d6fbb9..7b531196 100644
--- a/src/pages/Tariffs/Tariffs.tsx
+++ b/src/pages/Tariffs/Tariffs.tsx
@@ -38,6 +38,7 @@ import { activatePromocode } from "@api/promocode";
 const StepperText: Record<string, string> = {
   count: "Тарифы на объём",
   day: "Тарифы на время",
+  dop: "Доп. услуги",
 };
 
 function TariffPage() {
@@ -156,6 +157,19 @@ function TariffPage() {
     );
   });
 
+  const filteredBadgeTariffs = tariffs.filter((tariff) => {
+    return (
+      tariff.privileges[0].serviceKey === "squiz" &&
+      !tariff.isDeleted &&
+      !tariff.isCustom &&
+      tariff.privileges[0].privilegeId === "squizHideBadge" &&
+      tariff.privileges[0]?.type === "day"
+    );
+  });
+  const filteredBaseTariffs = filteredTariffs.filter((tariff) => {
+    return tariff.privileges[0].privilegeId !== "squizHideBadge";
+  });
+
   async function handleLogoutClick() {
     const [, logoutError] = await logout();
 
@@ -254,20 +268,54 @@ function TariffPage() {
       <Box
         sx={{
           justifyContent: "left",
-          display: "grid",
+          display: selectedItem === "dop" ? "flex" : "grid",
           gap: "40px",
           p: "20px",
           gridTemplateColumns: `repeat(auto-fit, minmax(300px, ${
             isTablet ? "436px" : "360px"
           }))`,
+          flexDirection: selectedItem === "dop" ? "column" : undefined,
         }}
       >
-        {createTariffElements(
-          filteredTariffs,
-          true,
-          user,
-          discounts,
-          openModalHC,
+        {selectedItem === "day" &&
+          createTariffElements(
+            filteredBaseTariffs,
+            true,
+            user,
+            discounts,
+            openModalHC,
+          )}
+        {selectedItem === "count" &&
+          createTariffElements(
+            filteredTariffs,
+            true,
+            user,
+            discounts,
+            openModalHC,
+          )}
+        {selectedItem === "dop" && (
+          <>
+            <Typography fontWeight={500}>Убрать логотип "PenaQuiz"</Typography>
+            <Box
+              sx={{
+                justifyContent: "left",
+                display: "grid",
+                gap: "40px",
+                p: "20px",
+                gridTemplateColumns: `repeat(auto-fit, minmax(300px, ${
+                  isTablet ? "436px" : "360px"
+                }))`,
+              }}
+            >
+              {createTariffElements(
+                filteredBadgeTariffs,
+                false,
+                user,
+                discounts,
+                openModalHC,
+              )}
+            </Box>
+          </>
         )}
       </Box>
       <Modal
diff --git a/src/pages/createQuize/QuizCard.tsx b/src/pages/createQuize/QuizCard.tsx
index e34c8044..1b3dc805 100755
--- a/src/pages/createQuize/QuizCard.tsx
+++ b/src/pages/createQuize/QuizCard.tsx
@@ -193,18 +193,18 @@ export default function QuizCard({
         </Button>
         <IconButton
           onClick={handleStatisticClick}
-          sx={{ 
+          sx={{
             height: "44px",
             width: "44px",
-            border: `${theme.palette.brightPurple.main} 1px solid` ,
-            borderRadius: "6px"
-           }}
+            border: `${theme.palette.brightPurple.main} 1px solid`,
+            borderRadius: "6px",
+          }}
         >
-          <ChartIcon/>
+          <ChartIcon />
         </IconButton>
         <IconButton
           onClick={() => onClickCopy(quiz.id)}
-          sx={{ 
+          sx={{
             height: "44px",
             width: "44px",
             borderRadius: "6px",
diff --git a/src/stores/questions/actions.ts b/src/stores/questions/actions.ts
index 9bc0e911..5f4aa971 100644
--- a/src/stores/questions/actions.ts
+++ b/src/stores/questions/actions.ts
@@ -44,7 +44,7 @@ export const createUntypedQuestion = (
 ) =>
   setProducedState(
     (state) => {
-      console.log("createUntypedQuestion", quizId)
+      console.log("createUntypedQuestion", quizId);
       const newUntypedQuestion = {
         id: nanoid(),
         quizId,
@@ -278,7 +278,7 @@ export const updateQuestion = async <T = AnyTypedQuizQuestion>(
     if (!q) return;
     if (q.type === null)
       throw new Error("Cannot send update request for untyped question");
-console.log("отправляемый квешен", q)
+    console.log("отправляемый квешен", q);
     try {
       const response = await questionApi.edit(
         questionToEditQuestionRequest(replaceEmptyLinesToSpace(q)),
@@ -449,8 +449,8 @@ export const createTypedQuestion = async (
   requestQueue.enqueue(`createTypedQuestion-${questionId}`, async () => {
     const questions = useQuestionsStore.getState().questions;
     const question = questions.find((q) => q.id === questionId);
-    console.log("createTypedQuestion", question)
-    console.log("createTypedQuestion", question?.quizId)
+    console.log("createTypedQuestion", question);
+    console.log("createTypedQuestion", question?.quizId);
     if (!question) return;
     if (question.type !== null)
       throw new Error("Cannot upgrade already typed question");
diff --git a/src/ui_kit/Modal/CropModal.tsx b/src/ui_kit/Modal/CropModal.tsx
index b76b296e..82388f18 100644
--- a/src/ui_kit/Modal/CropModal.tsx
+++ b/src/ui_kit/Modal/CropModal.tsx
@@ -67,7 +67,7 @@ export const CropModal: FC<Props> = ({
   setCropModalImageBlob,
   onSaveImageClick,
   onClose,
-  questionId
+  questionId,
 }) => {
   const theme = useTheme();
   const [percentCrop, setPercentCrop] = useState<PercentCrop>();
@@ -297,13 +297,13 @@ export const CropModal: FC<Props> = ({
               onChange={(_, newValue) => setDarken(newValue as number)}
             />
           </Box>
-          {questionId !== undefined &&
+          {questionId !== undefined && (
             <IconButton
               onClick={() => {
                 updateQuestion(questionId, (question) => {
                   question.content.back = null;
                   question.content.originalBack = null;
-                })
+                });
                 onClose();
               }}
               sx={{
@@ -316,7 +316,7 @@ export const CropModal: FC<Props> = ({
             >
               <DeleteIcon />
             </IconButton>
-          }
+          )}
         </Box>
         <Box
           sx={{
@@ -351,8 +351,9 @@ export const CropModal: FC<Props> = ({
               background: theme.palette.brightPurple.main,
               fontSize: "18px",
               color: "#7E2AEA",
-              border: `1px solid ${!completedCrop ? "rgba(0, 0, 0, 0.26)" : "#7E2AEA"
-                }`,
+              border: `1px solid ${
+                !completedCrop ? "rgba(0, 0, 0, 0.26)" : "#7E2AEA"
+              }`,
               backgroundColor: "transparent",
             }}
           >
diff --git a/src/utils/hooks/useAnalytics.ts b/src/utils/hooks/useAnalytics.ts
index 02fcc443..68b0cc9b 100644
--- a/src/utils/hooks/useAnalytics.ts
+++ b/src/utils/hooks/useAnalytics.ts
@@ -3,36 +3,30 @@ import { useEffect, useState } from "react";
 import moment from "moment";
 
 interface Props {
-    quizId: string;
-    to: number;
-    from: number;
+  quizId: string;
+  to: number;
+  from: number;
 }
 
-export function useAnalytics({
-    quizId,
-    to,
-    from,
-}: Props) {
-    const formatTo = to === null ? 0 : moment(to).unix()
-    const formatFrom = from === null ? 0 : moment(from).unix()
-    console.log(
-        to,
-        from,)
-    if (quizId === undefined) return {}
-    const [devices, setDevices] = useState({});
-    const [general, setGeneral] = useState({});
-    const [questions, setQuestions] = useState({});
+export function useAnalytics({ quizId, to, from }: Props) {
+  const formatTo = to === null ? 0 : moment(to).unix();
+  const formatFrom = from === null ? 0 : moment(from).unix();
+  console.log(to, from);
+  if (quizId === undefined) return {};
+  const [devices, setDevices] = useState({});
+  const [general, setGeneral] = useState({});
+  const [questions, setQuestions] = useState({});
 
-    useEffect(() => {
-        (async () => {
-            const gottenGeneral = await getGeneral(quizId, formatTo, formatFrom)
-            const gottenDevices = await getDevices(quizId, formatTo, formatFrom)
-            const gottenQuestions = await getQuestions(quizId, formatTo, formatFrom)
-            setDevices(gottenGeneral[0])
-            setGeneral(gottenDevices[0])
-            setQuestions(gottenQuestions[0])
-        })()
-    }, [to, from]);
+  useEffect(() => {
+    (async () => {
+      const gottenGeneral = await getGeneral(quizId, formatTo, formatFrom);
+      const gottenDevices = await getDevices(quizId, formatTo, formatFrom);
+      const gottenQuestions = await getQuestions(quizId, formatTo, formatFrom);
+      setDevices(gottenGeneral[0]);
+      setGeneral(gottenDevices[0]);
+      setQuestions(gottenQuestions[0]);
+    })();
+  }, [to, from]);
 
-    return { devices, general, questions };
-}
\ No newline at end of file
+  return { devices, general, questions };
+}