refactor: colocate frontend component files

2026-09-23 08:34:58 +03:00
parent 85fcfe3d07
commit b987fd8e78
190 changed files with 131 additions and 108 deletions
@@ -0,0 +1,61 @@
+import { Paper, SimpleGrid, Text, VisuallyHidden } from "@mantine/core";
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+import type { Portfolio } from "@/entities/portfolio";
+import { formatDecimal } from "@/shared/lib";
+import classes from "../../AccountPage.module.css";
+
+type CurrencyCardsProps = {
+	amounts: Portfolio["totalsByCurrency"];
+};
+
+const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
+	const { amounts } = props;
+	const { t } = useTranslation();
+	const currencies: Record<string, { symbol: string; name: string }> = {
+		RUB: { symbol: "₽", name: t("portfolio.currencies.RUB") },
+		USD: { symbol: "$", name: t("portfolio.currencies.USD") },
+		EUR: { symbol: "€", name: t("portfolio.currencies.EUR") },
+	};
+
+	return (
+		<SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing={10}>
+			{amounts.map((money) => {
+				const amount = formatDecimal(money.value);
+				return (
+					<Paper
+						component="dl"
+						m={0}
+						className={classes.total}
+						key={money.currency}
+						withBorder
+					>
+						<Text component="dt" className={classes.totalBadge}>
+							<span aria-hidden="true">
+								{currencies[money.currency]?.symbol ?? money.currency}
+							</span>
+							<VisuallyHidden>
+								{currencies[money.currency]?.name ?? money.currency}
+							</VisuallyHidden>
+						</Text>
+						<Text component="dd" m={0} className={classes.totalAmount}>
+							{amount.startsWith("-") ? (
+								<>
+									<span className={classes.totalLeadingDigits}>
+										{amount.slice(0, 2)}
+									</span>
+									{amount.slice(2)}
+								</>
+							) : (
+								amount
+							)}{" "}
+							{currencies[money.currency]?.symbol ?? money.currency}
+						</Text>
+					</Paper>
+				);
+			})}
+		</SimpleGrid>
+	);
+};
+
+export { CurrencyCards };