refactor: remove redundant page view models

src/pages/account-events/ui/AccountEventsPage/components/AccountEventsPageLoaded.view.tsx

@@ -10,6 +10,7 @@ import {
 	Title,
 } from "@mantine/core";
 import { DatePickerInput } from "@mantine/dates";
+import { useTranslation } from "react-i18next";
 
 import { BrokerageEventCard } from "@/entities/brokerage-event";
 import { formatSnapshotTime } from "@/shared/lib";
@@ -17,7 +18,6 @@ import { formatSnapshotTime } from "@/shared/lib";
 import type { AccountEventsPageViewModel } from "../AccountEventsPage.vm";
 
 import { AccountEventsPageEmpty } from "./AccountEventsPageEmpty.view";
-import { useAccountEventsPageLoadedVm } from "./AccountEventsPageLoaded.vm";
 
 type AccountEventsPageLoadedProps = Extract<
 	AccountEventsPageViewModel,
@@ -56,7 +56,7 @@ const AccountEventsPageLoadedEvents: FC<AccountEventsPageLoadedProps> = (
 };
 
 const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
-	const { onPeriodChange, t } = useAccountEventsPageLoadedVm(props);
+	const { t } = useTranslation();
 
 	return (
 		<Stack gap="lg">
@@ -100,13 +100,13 @@ const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
 					clearable
 					clearButtonProps={{ "aria-label": t("ledger.clearPeriod") }}
 					label={t("ledger.period")}
-					onChange={onPeriodChange}
+					onChange={props.onPeriodChange}
 					popoverProps={{
 						middlewares: { shift: { crossAxis: true } },
 						returnFocus: true,
 					}}
 					type="range"
-					value={[props.draftFrom, props.draftTo]}
+					value={props.draftPeriod}
 					valueFormat="DD.MM.YYYY"
 				/>
 			</Group>

src/pages/account-events/ui/AccountEventsPage/components/AccountEventsPageLoaded.vm.ts

@@ -1,24 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import type { AccountEventsPageViewModel } from "../AccountEventsPage.vm";
-
-type AccountEventsPageLoadedProps = Extract<
-	AccountEventsPageViewModel,
-	{ state: "loaded" }
->;
-
-function useAccountEventsPageLoadedVm(props: AccountEventsPageLoadedProps) {
-	const { t } = useTranslation();
-
-	const onPeriodChange: (value: [null | string, null | string]) => void = ([
-		from,
-		to,
-	]) => {
-		props.onDraftFromChange(from);
-		props.onDraftToChange(to);
-	};
-
-	return { onPeriodChange, t };
-}
-
-export { useAccountEventsPageLoadedVm };