feat: add bond pages and portfolio navigation

src/features/instrument-details/model/section.ts

@@ -0,0 +1,25 @@
+type SectionState = {
+	hasData: boolean;
+	loading: boolean;
+	error: boolean;
+	refreshing: boolean;
+	retry: () => void;
+};
+function section(query: {
+	data: unknown;
+	isError: boolean;
+	isFetching: boolean;
+	refetch: () => unknown;
+}): SectionState {
+	return {
+		hasData: Boolean(query.data),
+		loading: !query.data && !query.isError,
+		error: query.isError,
+		refreshing: Boolean(query.data) && query.isFetching,
+		retry: () => {
+			void query.refetch();
+		},
+	};
+}
+
+export { type SectionState, section };

src/features/instrument-details/model/types.ts

@@ -0,0 +1,36 @@
+import type { BrokerageOperation } from "@/entities/broker-operation";
+import type { paths } from "@/shared/api";
+import type { SectionState } from "./section";
+
+type Position =
+	paths["/api/v1/stocks/{uid}/position"]["get"]["responses"][200]["content"]["application/json"];
+type Candles =
+	paths["/api/v1/stocks/{uid}/candles"]["get"]["responses"][200]["content"]["application/json"];
+type ChartRow = Candles["candles"][number] & { date: string; price: number };
+type InstrumentPositionVm = {
+	position?: Position;
+	positionState: SectionState;
+};
+type InstrumentChartVm = {
+	candles?: Candles;
+	candlesState: SectionState;
+	chartData: ChartRow[];
+	priceRows: ChartRow[];
+	period: string;
+	setPeriod: (value: string) => void;
+	averageLine: number | null;
+	hasIncompleteCandle: boolean;
+	position?: Position;
+};
+type InstrumentEventsVm = {
+	operations?: { hasNext: boolean };
+	operationsState: SectionState;
+	filter: string;
+	setFilter: (value: string) => void;
+	eventRows: BrokerageOperation[];
+	hasPrevious: boolean;
+	onPrevious: () => void;
+	onNext: () => void;
+};
+
+export type { InstrumentChartVm, InstrumentEventsVm, InstrumentPositionVm };