diff --git a/src/pages/Analytics/Analytics.tsx b/src/pages/Analytics/Analytics.tsx index dd5d44ca..75d3b1d2 100644 --- a/src/pages/Analytics/Analytics.tsx +++ b/src/pages/Analytics/Analytics.tsx @@ -58,7 +58,7 @@ export default function Analytics() { useEffect(() => { if (quizes.length > 0) { const quiz = quizes.find((q) => q.backendId === editQuizId); - if (quiz === undefined) throw new Error("Не удалось получить квиз") + if (quiz === undefined) throw new Error("Не удалось получить квиз"); setQuiz(quiz); setFrom(moment(new Date(quiz.created_at))); } @@ -68,10 +68,8 @@ export default function Analytics() { const getData = async (): Promise => { try { if (editQuizId !== null) { - const gottenQuizes = await quizApi.getList(); - setQuizes(gottenQuizes) - + setQuizes(gottenQuizes); } } catch (error) { console.error("Не удалось получить квизы", error); diff --git a/src/pages/Analytics/General.tsx b/src/pages/Analytics/General.tsx index 92aa8e2c..8eef900b 100644 --- a/src/pages/Analytics/General.tsx +++ b/src/pages/Analytics/General.tsx @@ -24,13 +24,13 @@ const COLORS: Record = { }; const dateParser = (object: Record): Record => { - const result = {} as Record + const result = {} as Record; for (var key in object) { - result[moment.utc(Number(key)*1000).format('DD/MM/YYYY')] = object[key] - console.log(result) + result[moment.utc(Number(key) * 1000).format("DD/MM/YYYY")] = object[key]; + console.log(result); } return result; -} +}; const GeneralItem = ({ title, @@ -45,9 +45,9 @@ const GeneralItem = ({ numberType === "sum" ? Object.values(general).reduce((total, item) => total + item, 0) : Object.entries(general).reduce( - (total, [key, value]) => total + (value / Number(key)) * 100, - 0, - ) / Object.keys(general).length || Number(0); + (total, [key, value]) => total + (value / Number(key)) * 100, + 0, + ) / Object.keys(general).length || Number(0); return ( moment.utc(Number(value)*1000).format('DD/MM/YYYY') }]} + xAxis={[ + { + data: Object.keys(general), + valueFormatter: (value) => + moment.utc(Number(value) * 1000).format("DD/MM/YYYY"), + }, + ]} series={[{ data: Object.values(general) }]} height={220} colors={[color]} diff --git a/src/pages/Tariffs/Tabs.tsx b/src/pages/Tariffs/Tabs.tsx index 329ea1ef..005e8640 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" | "dop"; - setSelectedItem: (num: "count" | "day" | "dop") => void; + selectedItem: "day" | "count" | "dop"; + setSelectedItem: (num: "day" | "count" | "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" | "dop") => { + onChange={(event, newValue: "day" | "count" | "dop") => { setSelectedItem(newValue); }} variant="scrollable" diff --git a/src/pages/Tariffs/Tariffs.tsx b/src/pages/Tariffs/Tariffs.tsx index 5d1f4f0b..2797d110 100644 --- a/src/pages/Tariffs/Tariffs.tsx +++ b/src/pages/Tariffs/Tariffs.tsx @@ -32,8 +32,8 @@ import { createTariffElements } from "./tariffsUtils/createTariffElements"; import { currencyFormatter } from "./tariffsUtils/currencyFormatter"; const StepperText: Record = { - count: "Тарифы на объём", day: "Тарифы на время", + count: "Тарифы на объём", dop: "Доп. услуги", }; @@ -50,7 +50,9 @@ function TariffPage() { const [discounts, setDiscounts] = useState(); const [openModal, setOpenModal] = useState({}); const [cash, setCash] = useState("0"); - const [selectedItem, setSelectedItem] = useState<"count" | "day">("count"); + const [selectedItem, setSelectedItem] = useState<"count" | "day" | "dop">( + "day", + ); const { isTestServer } = useDomainDefine(); const [promocodeField, setPromocodeField] = useState(""); @@ -297,7 +299,6 @@ function TariffPage() { justifyContent: "left", display: "grid", gap: "40px", - p: "20px", gridTemplateColumns: `repeat(auto-fit, minmax(300px, ${ isTablet ? "436px" : "360px" }))`,