mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-24 07:53:09 +00:00
Maurice
92 lines
3.2 KiB
TypeScript
92 lines
3.2 KiB
TypeScript
import { useEffect } from 'react';
|
|
|
|
import { isDeepLinkableTripTab } from '../../constants/tripTabs';
|
|
import { useAssistantStore } from '../../store/assistantStore';
|
|
import type { Day } from '../../types';
|
|
import type { PlannerSearchParams } from './plannerTypes';
|
|
|
|
interface AssistantDeepLinkOptions {
|
|
searchParams: PlannerSearchParams[0];
|
|
setSearchParams: PlannerSearchParams[1];
|
|
tripId: number;
|
|
/** The days the store holds, which may still be the last trip's for a moment. */
|
|
days: readonly Day[];
|
|
selectDay: (dayId: number) => void;
|
|
}
|
|
|
|
/**
|
|
* The assistant's two ways into the planner. `?assistant=1` opens it on this
|
|
* trip: the AI settings card's "Open the assistant" lands here with it.
|
|
* `?day=<id>` selects that day: the chat's "Show on map" for a change that
|
|
* lives on a day, a note or a stop; one about a place uses `?place=` instead.
|
|
*
|
|
* Like `?place=`, a link is taken once and then leaves the URL, so a reload or
|
|
* the way back does not repeat it. A day waits until the trip's days are there,
|
|
* and one the trip does not hold is dropped without a word.
|
|
*/
|
|
export function useAssistantDeepLink({
|
|
searchParams,
|
|
setSearchParams,
|
|
tripId,
|
|
days,
|
|
selectDay,
|
|
}: AssistantDeepLinkOptions): void {
|
|
const openRequested = searchParams.get('assistant') === '1';
|
|
const requestedDay = searchParams.get('day');
|
|
const tripDays = days.filter((day) => day.trip_id === tripId);
|
|
const known = requestedDay !== null && tripDays.some((day) => day.id === Number(requestedDay));
|
|
const dayDone = requestedDay !== null && (known || tripDays.length > 0);
|
|
|
|
useEffect(() => {
|
|
if (!openRequested && !dayDone) return;
|
|
if (openRequested) useAssistantStore.getState().open();
|
|
if (known) selectDay(Number(requestedDay));
|
|
setSearchParams(
|
|
(params) => {
|
|
if (openRequested) params.delete('assistant');
|
|
if (dayDone) params.delete('day');
|
|
return params;
|
|
},
|
|
{ replace: true }
|
|
);
|
|
}, [openRequested, requestedDay, known, dayDone, selectDay, setSearchParams]);
|
|
}
|
|
|
|
interface AssistantTabLinkOptions {
|
|
searchParams: PlannerSearchParams[0];
|
|
setSearchParams: PlannerSearchParams[1];
|
|
/** The tab on screen. */
|
|
activeTab: string;
|
|
/** Switches the planner's tab the way its tab bar does. */
|
|
selectTab: (tabId: string) => void;
|
|
}
|
|
|
|
/**
|
|
* `?tab=<id>` while the planner is already open: what a card in the chat
|
|
* opens in another tab of this trip (`?tab=finanzplan&expense=7`). The
|
|
* planner reads the tab once when it opens; this takes a later one live,
|
|
* once, and then drops it from the URL. What the tab reads beside it stays
|
|
* for that tab to take.
|
|
*/
|
|
export function useAssistantTabLink({
|
|
searchParams,
|
|
setSearchParams,
|
|
activeTab,
|
|
selectTab,
|
|
}: AssistantTabLinkOptions): void {
|
|
const requested = searchParams.get('tab');
|
|
const linkable = requested !== null && isDeepLinkableTripTab(requested);
|
|
|
|
useEffect(() => {
|
|
if (!linkable || requested === null) return;
|
|
if (requested !== activeTab) selectTab(requested);
|
|
setSearchParams(
|
|
(params) => {
|
|
params.delete('tab');
|
|
return params;
|
|
},
|
|
{ replace: true }
|
|
);
|
|
}, [linkable, requested, activeTab, selectTab, setSearchParams]);
|
|
}
|