refactor: colocate frontend component files

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

@@ -0,0 +1,81 @@
+import { useEffect, useState } from "react";
+import { useParams, useSearchParams } from "react-router";
+import {
+	type BrokerageEvent,
+	useBrokerageEvents,
+} from "@/entities/brokerage-event";
+
+type AccountEventsPageViewModel =
+	| { state: "loading" }
+	| { state: "error"; retry: () => void }
+	| {
+			state: "loaded";
+			events: BrokerageEvent[];
+			refreshing: boolean;
+			refreshError: boolean;
+			retry: () => void;
+			draftFrom: string | null;
+			draftTo: string | null;
+			canApply: boolean;
+			onDraftFromChange: (value: string | null) => void;
+			onDraftToChange: (value: string | null) => void;
+			onApply: () => void;
+			onReset: () => void;
+	  };
+
+function useAccountEventsPageViewModel(
+	scopeId?: string,
+): AccountEventsPageViewModel {
+	const { accountId: routeAccountId } = useParams();
+	const accountId = scopeId ?? routeAccountId;
+	const [searchParams, setSearchParams] = useSearchParams();
+	const appliedFrom = searchParams.get("from");
+	const appliedTo = searchParams.get("to");
+	const [draftFrom, setDraftFrom] = useState<string | null>(appliedFrom);
+	const [draftTo, setDraftTo] = useState<string | null>(appliedTo);
+	useEffect(() => {
+		setDraftFrom(appliedFrom);
+		setDraftTo(appliedTo);
+	}, [appliedFrom, appliedTo]);
+	const events = useBrokerageEvents(accountId, {
+		...(appliedFrom ? { from: appliedFrom } : {}),
+		...(appliedTo ? { to: appliedTo } : {}),
+	});
+	if (events.isLoading) return { state: "loading" };
+	if (events.isError && !events.data)
+		return {
+			state: "error",
+			retry: () => {
+				void events.refetch();
+			},
+		};
+	if (!events.data) return { state: "loading" };
+	return {
+		state: "loaded",
+		events: events.data.events,
+		refreshing: events.isFetching,
+		refreshError: events.isError,
+		retry: () => {
+			void events.refetch();
+		},
+		draftFrom,
+		draftTo,
+		canApply:
+			(draftFrom !== appliedFrom || draftTo !== appliedTo) &&
+			(!draftFrom || !draftTo || draftFrom <= draftTo),
+		onDraftFromChange: setDraftFrom,
+		onDraftToChange: setDraftTo,
+		onApply: () =>
+			setSearchParams({
+				...(draftFrom ? { from: draftFrom } : {}),
+				...(draftTo ? { to: draftTo } : {}),
+			}),
+		onReset: () => {
+			setDraftFrom(null);
+			setDraftTo(null);
+			setSearchParams({});
+		},
+	};
+}
+
+export { type AccountEventsPageViewModel, useAccountEventsPageViewModel };