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}
) }