Function TaskAppTab

site/src/pages/TaskPage/TaskApps.tsx:189–213

({
	workspace,
	app,
	active,
	onClick,
})

};

const TaskAppTab: FC<TaskAppTabProps> = ({
	workspace,
	app,
	active,
	onClick,
}) => {
	const link = useAppLink(app, {
		agent: app.agent,
		workspace,
	});

	return (
		<TaskTab active={active} to={link.href} onClick={onClick}>
			{app.icon ? <ExternalImage src={app.icon} /> : <LayoutGridIcon />}
			{link.label}
			{app.health === "unhealthy" && (
				<InfoTooltip
					title="This app is unhealthy."
					message="The health check failed."
					type="warning"
				/>
			)}
		</TaskTab>
	);
};

type TaskTabProps = LinkProps & {
	active: boolean;