import { Box, Button, IconButton, Typography, useMediaQuery, useTheme } from "@mui/material";
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import WalletIcon from "@components/icons/WalletIcon";
import SectionWrapper from "@components/SectionWrapper";
import { cardShadow } from "@root/utils/theme";
import { currencyFormatter } from "@root/utils/currencyFormatter";
import { useUserStore } from "@root/stores/user";
import { Link } from "react-router-dom";
import { useHistoryTracker } from "@root/utils/hooks/useHistoryTracker";
export default function Wallet() {
const handleCustomBackNavigation = useHistoryTracker();
const theme = useTheme();
const upMd = useMediaQuery(theme.breakpoints.up("md"));
const isTablet = useMediaQuery(theme.breakpoints.down(1000));
const isMobile = useMediaQuery(theme.breakpoints.down(600));
const cash = useUserStore((state) => state.userAccount?.wallet.cash) ?? 0;
const footnotes = (
Текст для сносок: текст-заполнитель — это текст, который имеет текст-заполнитель — это текст, который имеет
Текст для сносок: тель — это текст, который имеет текст-заполнитель — это текст, который имеет
);
return (
{!upMd && (
)}
Мой кошелёкБаланс 10.04.2022{currencyFormatter.format(cash / 100)}
{upMd && footnotes}
Текст-заполнитель — {isMobile ? : null} это текст, который имеетТекст-заполнитель — {isMobile ? : null} это текст, который имеет
{!upMd && footnotes}
);
}