import { useEffect, useState } from "react" import { Box, IconButton, Typography, useMediaQuery, useTheme } from "@mui/material" import ArrowBackIcon from "@mui/icons-material/ArrowBack" import SectionWrapper from "@root/components/SectionWrapper" import { Select } from "@root/components/Select" import { Tabs } from "@root/components/Tabs" import AccordionWrapper from "./AccordionWrapper" import { HISTORY } from "./historyMocks" import { useHistoryTracker } from "@root/utils/hooks/useHistoryTracker" import { useHistoryData } from "@root/utils/hooks/useHistoryData" import { isArray } from "cypress/types/lodash" import { ErrorBoundary } from "react-error-boundary" import { handleComponentError } from "@root/utils/handleComponentError" import { useHistoryStore } from "@root/stores/history"; import EmailIcon from '@mui/icons-material/Email'; import {enqueueSnackbar} from "notistack" import { makeRequest } from "@frontend/kitui" const subPages = ["Платежи", "Покупки тарифов", "Окончания тарифов"] export default function History() { const [selectedItem, setSelectedItem] = useState(0) const theme = useTheme() const upMd = useMediaQuery(theme.breakpoints.up("md")) const isMobile = useMediaQuery(theme.breakpoints.down(600)) const isTablet = useMediaQuery(theme.breakpoints.down(1000)) const historyData = useHistoryStore(state => state.history) const handleCustomBackNavigation = useHistoryTracker() const extractDateFromString = (tariffName: string) => { const dateMatch = tariffName.match(/\d{4}-\d{2}-\d{2}/) return dateMatch ? dateMatch[0] : "" } async function handleHistoryResponse(tariffId: string) { try { await makeRequest ( { url: "https://hub.pena.digital/customer/sendReport", method: "POST", body: {id: tariffId} } ) enqueueSnackbar("Запрос отправлен") } catch (e) { enqueueSnackbar("извините, произошла ошибка") } } return ( {isMobile && ( )} История {isMobile ? (