Developer
29 lines
658 B
TypeScript
29 lines
658 B
TypeScript
import { useParams } from "react-router-dom";
|
|
import { Alert, AlertDescription } from "@/components/ui/alert";
|
|
import {
|
|
GrafanaAddonPage,
|
|
PrometheusAddonPage,
|
|
SshTasksAddonPage,
|
|
} from "../addons";
|
|
|
|
const ADDON_PAGES: Record<string, React.ComponentType> = {
|
|
grafana: GrafanaAddonPage,
|
|
prometheus: PrometheusAddonPage,
|
|
"ssh-tasks": SshTasksAddonPage,
|
|
};
|
|
|
|
export function AddonPage() {
|
|
const { addonId } = useParams<{ addonId: string }>();
|
|
const Page = addonId ? ADDON_PAGES[addonId] : undefined;
|
|
|
|
if (!Page) {
|
|
return (
|
|
<Alert>
|
|
<AlertDescription>Addon "{addonId}" is not installed.</AlertDescription>
|
|
</Alert>
|
|
);
|
|
}
|
|
|
|
return <Page />;
|
|
}
|