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 cash = useUserStore((state) => state.userAccount?.wallet.cash) ?? 0; const footnotes = ( Текст для сносок: текст-заполнитель — это текст, который имеет текст-заполнитель — это текст, который имеет Текст для сносок: тель — это текст, который имеет текст-заполнитель — это текст, который имеет ); return ( {!upMd && ( )} Мой кошелёк Баланс 10.04.2022 {currencyFormatter.format(cash / 100)} {upMd && footnotes} Текст-заполнитель — это текст, который имеет Текст-заполнитель — это текст, который имеет {!upMd && footnotes} ); }