Function useResourcesNav

site/src/pages/WorkspacePage/useResourcesNav.ts:14–51

(resources: WorkspaceResource[])

// refactoring. Consider revisiting this solution in the future for a more
// robust implementation.
export const useResourcesNav = (resources: WorkspaceResource[]) => {
	const resourcesNav = useSearchParamsKey({ key: "resources" });
	const isSelected = useCallback(
		(resource: WorkspaceResource) => {
			return resourceOptionValue(resource) === resourcesNav.value;
		},
		[resourcesNav.value],
	);

	const onResourceChanges = useEffectEvent(
		(resources?: WorkspaceResource[]) => {
			const hasSelectedResource = resourcesNav.value !== "";
			const hasResources = resources && resources.length > 0;
			const hasResourcesWithAgents =
				hasResources && resources[0].agents && resources[0].agents.length > 0;

			if (!hasSelectedResource && hasResourcesWithAgents) {
				resourcesNav.setValue(resourceOptionValue(resources[0]));
			}
		},
	);
	useEffect(() => {
		onResourceChanges(resources);
	}, [resources]);

	const select = useCallback(
		(resource: WorkspaceResource) => {
			resourcesNav.setValue(resourceOptionValue(resource));
		},
		[resourcesNav],
	);

	return {
		isSelected,
		select,
		value: resourcesNav.value,
	};
};