chore: codify React component style

src/entities/portfolio/api/usePortfolio.test.tsx

@@ -1,7 +1,7 @@
 import { MantineProvider } from "@mantine/core";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook, waitFor } from "@testing-library/react";
-import type { ReactNode } from "react";
+import type { FC, PropsWithChildren } from "react";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
 import { configureAuthClient } from "@/shared/api";
@@ -17,11 +17,15 @@ describe("usePortfolio", () => {
 			clear: vi.fn(),
 		});
 		const client = new QueryClient();
-		const wrapper = ({ children }: { children: ReactNode }) => (
-			<MantineProvider>
-				<QueryClientProvider client={client}>{children}</QueryClientProvider>
-			</MantineProvider>
-		);
+		const wrapper: FC<PropsWithChildren> = (props) => {
+			const { children } = props;
+
+			return (
+				<MantineProvider>
+					<QueryClientProvider client={client}>{children}</QueryClientProvider>
+				</MantineProvider>
+			);
+		};
 
 		const { result } = renderHook(() => usePortfolio("account-1"), {
 			wrapper,

src/entities/portfolio/api/usePortfolio.ts

@@ -6,10 +6,10 @@ const portfolioQueryPolicy = {
 	retry: false,
 } as const;
 
-export type Portfolio =
+type Portfolio =
 	paths["/api/v1/brokerage-accounts/{accountId}/portfolio"]["get"]["responses"][200]["content"]["application/json"];
 
-export function usePortfolio(accountId: string | undefined) {
+function usePortfolio(accountId: string | undefined) {
 	return useAuthenticatedQuery({
 		...apiQueryClient.queryOptions(
 			"get",
@@ -20,3 +20,5 @@ export function usePortfolio(accountId: string | undefined) {
 		...portfolioQueryPolicy,
 	});
 }
+
+export { type Portfolio, usePortfolio };

src/entities/portfolio/index.ts

@@ -1,5 +1,4 @@
-export type { Portfolio } from "./api/usePortfolio";
-export { usePortfolio } from "./api/usePortfolio";
+export { type Portfolio, usePortfolio } from "./api/usePortfolio";
 export {
 	formatMoney,
 	formatShare,

src/entities/portfolio/model/display.ts

@@ -12,12 +12,12 @@ function formatDecimal(value: string): string {
 	return `${sign}${grouped}${fraction ? `,${fraction}` : ""}`;
 }
 
-export function formatMoney(money: Money | null): string {
+function formatMoney(money: Money | null): string {
 	if (!money) return "—";
 	return `${formatDecimal(money.value)} ${money.currency === "RUB" ? "₽" : money.currency}`;
 }
 
-export function formatShare(
+function formatShare(
 	numerator: Money | null,
 	denominator: Money | null,
 ): string | null {
@@ -32,7 +32,7 @@ export function formatShare(
 	return `${rounded} %`;
 }
 
-export function formatSnapshotTime(value: string): string {
+function formatSnapshotTime(value: string): string {
 	return new Intl.DateTimeFormat("ru-RU", {
 		dateStyle: "medium",
 		timeStyle: "short",
@@ -40,7 +40,7 @@ export function formatSnapshotTime(value: string): string {
 	}).format(new Date(value));
 }
 
-export function portfolioErrorCode(error: unknown): string | undefined {
+function portfolioErrorCode(error: unknown): string | undefined {
 	return typeof error === "object" && error !== null && "code" in error
 		? String(error.code)
 		: undefined;
@@ -48,11 +48,17 @@ export function portfolioErrorCode(error: unknown): string | undefined {
 
 const logoSize = 160;
 
-export function instrumentLogoUrl(
-	logoName: string | null | undefined,
-): string | null {
+function instrumentLogoUrl(logoName: string | null | undefined): string | null {
 	const stem = logoName?.trim().replace(/\.png$/i, "");
 	return stem
 		? `https://invest-brands.cdn-tinkoff.ru/${stem}x${logoSize}.png`
 		: null;
 }
+
+export {
+	formatMoney,
+	formatShare,
+	formatSnapshotTime,
+	instrumentLogoUrl,
+	portfolioErrorCode,
+};