Chris Arderne
176fb6daf4
## Summary Calls dashboard hooks directly instead of passing them as ordinary callback values, and subscribes to optional Ariakit stores through an unconditional hook. This keeps hook ordering stable while preserving the existing behavior when a provider is absent.
30 lines
1013 B
TypeScript
30 lines
1013 B
TypeScript
import { type UIMatch } from "@remix-run/react";
|
|
import { type UseDataFunctionReturn } from "remix-typedjson";
|
|
import invariant from "tiny-invariant";
|
|
import type { loader as orgLoader } from "~/routes/_app.orgs.$organizationSlug/route";
|
|
import { useChanged } from "./useChanged";
|
|
import { useTypedMatchesData } from "./useTypedMatchData";
|
|
import { organizationMatchId } from "./useOrganizations";
|
|
|
|
export type MatchedProject = UseDataFunctionReturn<typeof orgLoader>["project"];
|
|
|
|
export function useOptionalProject(matches?: UIMatch[]) {
|
|
const routeMatch = useTypedMatchesData<typeof orgLoader>({
|
|
id: organizationMatchId,
|
|
matches,
|
|
});
|
|
|
|
return routeMatch?.project;
|
|
}
|
|
|
|
export function useProject(matches?: UIMatch[]) {
|
|
const project = useOptionalProject(matches);
|
|
invariant(project, "Project must be defined");
|
|
return project;
|
|
}
|
|
|
|
export const useProjectChanged = (action: (org: MatchedProject | undefined) => void) => {
|
|
const project = useOptionalProject();
|
|
useChanged(project, action);
|
|
};
|