+
Infrahub Integrations
Integrate Infrahub with other tools and solutions. Below is a list of OpsMill-maintained
@@ -64,7 +67,7 @@ const Homepage = () => {
-
+
{
return (
-
-
+
+
{title}
{description}
-
+
{docTo && (
-
+ className="hover:underline"
+ >
{graphqlQuerySchema.label}
@@ -69,7 +70,8 @@ const GraphqlQueryDetailsPage = () => {
}
reload={() => refetch()}
- isReloadLoading={loading}>
+ isReloadLoading={loading}
+ >
{
const { objectKind, objectid } = useParams();
diff --git a/frontend/app/src/pages/objects/object-details.tsx b/frontend/app/src/pages/objects/object-details.tsx
index 3566c9d43d..994901e7d1 100644
--- a/frontend/app/src/pages/objects/object-details.tsx
+++ b/frontend/app/src/pages/objects/object-details.tsx
@@ -1,16 +1,16 @@
-import { useParams } from "react-router-dom";
-import Content from "@/screens/layout/content";
-import { useAtomValue } from "jotai";
-import { genericsState, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
-import ObjectItems from "@/screens/object-items/object-items-paginated";
-import ErrorScreen from "@/screens/errors/error-screen";
+import { Card } from "@/components/ui/card";
+import { TASK_OBJECT } from "@/config/constants";
import { useObjectDetails } from "@/hooks/useObjectDetails";
+import ErrorScreen from "@/screens/errors/error-screen";
import NoDataFound from "@/screens/errors/no-data-found";
+import Content from "@/screens/layout/content";
+import LoadingScreen from "@/screens/loading-screen/loading-screen";
import ObjectItemDetails from "@/screens/object-item-details/object-item-details-paginated";
+import ObjectItems from "@/screens/object-items/object-items-paginated";
+import { genericsState, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
import { NetworkStatus } from "@apollo/client";
-import LoadingScreen from "@/screens/loading-screen/loading-screen";
-import { TASK_OBJECT } from "@/config/constants";
-import { Card } from "@/components/ui/card";
+import { useAtomValue } from "jotai";
+import { useParams } from "react-router-dom";
export function ObjectDetailsPage() {
const { objectKind, objectid } = useParams();
diff --git a/frontend/app/src/pages/objects/object-items.tsx b/frontend/app/src/pages/objects/object-items.tsx
index b466b1a68a..aabc4d5c49 100644
--- a/frontend/app/src/pages/objects/object-items.tsx
+++ b/frontend/app/src/pages/objects/object-items.tsx
@@ -2,9 +2,9 @@ import { useAtomValue } from "jotai";
import { useParams } from "react-router-dom";
import ErrorScreen from "@/screens/errors/error-screen";
+import Content from "@/screens/layout/content";
import ObjectItems from "@/screens/object-items/object-items-paginated";
import { genericsState, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
-import Content from "@/screens/layout/content";
export function ObjectItemsPage() {
const { objectKind } = useParams();
diff --git a/frontend/app/src/pages/proposed-changes/details.tsx b/frontend/app/src/pages/proposed-changes/details.tsx
index 30b2da10e7..f4634a2e98 100644
--- a/frontend/app/src/pages/proposed-changes/details.tsx
+++ b/frontend/app/src/pages/proposed-changes/details.tsx
@@ -8,26 +8,26 @@ import { ArtifactsDiff } from "@/screens/diff/artifact-diff/artifacts-diff";
import { Checks } from "@/screens/diff/checks/checks";
import { NodeDiff } from "@/screens/diff/node-diff";
+import { ObjectHelpButton } from "@/components/menu/object-help-button";
+import { Badge } from "@/components/ui/badge";
+import { CoreProposedChange } from "@/generated/graphql";
+import { useSchema } from "@/hooks/useSchema";
import { FilesDiff } from "@/screens/diff/file-diff/files-diff";
import ErrorScreen from "@/screens/errors/error-screen";
+import NoDataFound from "@/screens/errors/no-data-found";
import Content from "@/screens/layout/content";
+import LoadingScreen from "@/screens/loading-screen/loading-screen";
+import { ProposedChangesChecksTab } from "@/screens/proposed-changes/checks-tab";
+import { ProposedChangeDetails } from "@/screens/proposed-changes/proposed-change-details";
import { TaskItemDetails } from "@/screens/tasks/task-item-details";
import { TaskItems } from "@/screens/tasks/task-items";
import { proposedChangedState } from "@/state/atoms/proposedChanges.atom";
import { constructPath } from "@/utils/fetch";
+import { getObjectDetailsUrl } from "@/utils/objects";
import { Icon } from "@iconify-icon/react";
import { useAtom } from "jotai";
import { Link, useLocation, useParams } from "react-router-dom";
import { StringParam, useQueryParam } from "use-query-params";
-import LoadingScreen from "@/screens/loading-screen/loading-screen";
-import { ProposedChangesChecksTab } from "@/screens/proposed-changes/checks-tab";
-import { ProposedChangeDetails } from "@/screens/proposed-changes/proposed-change-details";
-import { CoreProposedChange } from "@/generated/graphql";
-import { Badge } from "@/components/ui/badge";
-import { getObjectDetailsUrl } from "@/utils/objects";
-import { ObjectHelpButton } from "@/components/menu/object-help-button";
-import { useSchema } from "@/hooks/useSchema";
-import NoDataFound from "@/screens/errors/no-data-found";
export const PROPOSED_CHANGES_TABS = {
CONVERSATIONS: "conversations",
@@ -86,7 +86,8 @@ const ProposedChangeDetailsContent = ({ proposedChangeData }: ProposedChangesDet
{ name: QSP.PROPOSED_CHANGES_TAB, value: TASK_TAB },
{ name: QSP.TASK_ID, exclude: true },
])}
- className="flex items-center p-2 ">
+ className="flex items-center p-2 "
+ >
All tasks
@@ -159,13 +160,15 @@ export function Component() {
+ to={constructPath("/proposed-changes")}
+ >
Proposed changes
}
reload={() => client.reFetchObservableQueries()}
- isReloadLoading={loading}>
+ isReloadLoading={loading}
+ >
-
- Proposed changes
-
-
-
-
- {proposedChangesData.display_label}
-
{proposedChangesData.display_label}
}
description={
+ className="font-semibold text-custom-blue-green"
+ >
{proposedChangesData?.created_by?.node?.display_label}
wants to merge
@@ -225,7 +219,8 @@ export function Component() {
}
reload={() => client.reFetchObservableQueries()}
- isReloadLoading={loading}>
+ isReloadLoading={loading}
+ >
{
const generics = useAtomValue(genericsState);
diff --git a/frontend/app/src/pages/resource-manager/resource-allocation-details.tsx b/frontend/app/src/pages/resource-manager/resource-allocation-details.tsx
index 0544372407..c25fa9a2c1 100644
--- a/frontend/app/src/pages/resource-manager/resource-allocation-details.tsx
+++ b/frontend/app/src/pages/resource-manager/resource-allocation-details.tsx
@@ -6,12 +6,12 @@ import { Card } from "@/components/ui/card";
import { Pagination } from "@/components/ui/pagination";
import { QSP } from "@/config/qsp";
import useQuery from "@/hooks/useQuery";
+import { RESOURCE_POOL_ALLOCATED_KIND } from "@/screens/resource-manager/constants";
+import { GET_RESOURCE_POOL_ALLOCATED } from "@/screens/resource-manager/graphql/resource-pool";
import { constructPath } from "@/utils/fetch";
import { getObjectDetailsUrl2 } from "@/utils/objects";
import { Icon } from "@iconify-icon/react";
import { Link, useParams } from "react-router-dom";
-import { RESOURCE_POOL_ALLOCATED_KIND } from "@/screens/resource-manager/constants";
-import { GET_RESOURCE_POOL_ALLOCATED } from "@/screens/resource-manager/graphql/resource-pool";
const ResourceAllocationDetailsPage = () => {
const { resourcePoolId, resourceId } = useParams();
diff --git a/frontend/app/src/pages/resource-manager/resource-pool-details.tsx b/frontend/app/src/pages/resource-manager/resource-pool-details.tsx
index 892cb4cea1..30a3e3e778 100644
--- a/frontend/app/src/pages/resource-manager/resource-pool-details.tsx
+++ b/frontend/app/src/pages/resource-manager/resource-pool-details.tsx
@@ -4,15 +4,22 @@ import { Property, PropertyList } from "@/components/table/property-list";
import { Badge } from "@/components/ui/badge";
import { CardWithBorder } from "@/components/ui/card";
import { Link } from "@/components/ui/link";
+import { useObjectDetails } from "@/hooks/useObjectDetails";
import ErrorScreen from "@/screens/errors/error-screen";
import NoDataFound from "@/screens/errors/no-data-found";
import { IP_SUMMARY_RELATIONSHIPS_BLACKLIST } from "@/screens/ipam/constants";
import Content from "@/screens/layout/content";
import LoadingScreen from "@/screens/loading-screen/loading-screen";
+import ResourcePoolUtilization from "@/screens/resource-manager/common/ResourcePoolUtilization";
+import {
+ RESOURCE_GENERIC_KIND,
+ RESOURCE_POOL_UTILIZATION_KIND,
+} from "@/screens/resource-manager/constants";
import {
GET_KIND_FOR_RESOURCE_POOL,
GET_RESOURCE_POOL_UTILIZATION,
} from "@/screens/resource-manager/graphql/resource-pool";
+import ResourceSelector, { ResourceProps } from "@/screens/resource-manager/resource-selector";
import { iNodeSchema, schemaState } from "@/state/atoms/schema.atom";
import { constructPath } from "@/utils/fetch";
import { ObjectAttributeValue } from "@/utils/getObjectItemDisplayValue";
@@ -21,13 +28,6 @@ import { useQuery } from "@apollo/client";
import { Icon } from "@iconify-icon/react";
import { useAtomValue } from "jotai";
import { Outlet, useParams } from "react-router-dom";
-import ResourcePoolUtilization from "@/screens/resource-manager/common/ResourcePoolUtilization";
-import {
- RESOURCE_GENERIC_KIND,
- RESOURCE_POOL_UTILIZATION_KIND,
-} from "@/screens/resource-manager/constants";
-import ResourceSelector, { ResourceProps } from "@/screens/resource-manager/resource-selector";
-import { useObjectDetails } from "@/hooks/useObjectDetails";
const ResourcePoolDetailsPage = () => {
const { resourcePoolId } = useParams();
@@ -108,7 +108,8 @@ const ResourcePoolContent = ({ id, schema }: ResourcePoolContentProps) => {
+ )}
+ >
{relationshipData?.display_label}
),
@@ -125,7 +126,8 @@ const ResourcePoolContent = ({ id, schema }: ResourcePoolContentProps) => {
{resourcePoolData.node.display_label}
- }>
+ }
+ >
+
+
+
+
+
+
+
+
+ );
+}
+
+export function Component() {
+ return ;
+}
diff --git a/frontend/app/src/pages/schema.tsx b/frontend/app/src/pages/schema.tsx
index 845b98cd6b..4e9bcec0cf 100644
--- a/frontend/app/src/pages/schema.tsx
+++ b/frontend/app/src/pages/schema.tsx
@@ -1,10 +1,10 @@
-import { useAtomValue } from "jotai";
import { Badge } from "@/components/ui/badge";
import { useTitle } from "@/hooks/useTitle";
-import { genericsState, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
import Content from "@/screens/layout/content";
import { SchemaSelector } from "@/screens/schema/schema-selector";
import { SchemaViewerStack } from "@/screens/schema/schema-viewer";
+import { genericsState, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
+import { useAtomValue } from "jotai";
function SchemaPage() {
useTitle("Schema");
diff --git a/frontend/app/src/pages/sign-in.tsx b/frontend/app/src/pages/sign-in.tsx
index a1bf31a6fd..9eb452f5a9 100644
--- a/frontend/app/src/pages/sign-in.tsx
+++ b/frontend/app/src/pages/sign-in.tsx
@@ -1,14 +1,19 @@
import { Card } from "@/components/ui/card";
import { useAuth } from "@/hooks/useAuth";
import { ReactComponent as InfrahubLogo } from "@/images/Infrahub-SVG-verti.svg";
+import { SignIn } from "@/screens/authentification/sign-in";
import Content from "@/screens/layout/content";
-import { Navigate, useLocation, useNavigate } from "react-router-dom";
-import InputField from "@/components/form/fields/input.field";
-import { isRequired } from "@/components/form/utils/validation";
-import PasswordInputField from "@/components/form/fields/password-input.field";
-import { Form, FormSubmit } from "@/components/ui/form";
+import { Navigate, useLocation } from "react-router-dom";
function SignInPage() {
+ let location = useLocation();
+ const { isAuthenticated } = useAuth();
+
+ if (isAuthenticated) {
+ const from = (location.state?.from?.pathname || "/") + (location.state?.from?.search ?? "");
+ return ;
+ }
+
return (
@@ -17,49 +22,19 @@ function SignInPage() {
Sign in to your account
-
+
+
+ {location?.state?.errors?.map(
+ (error: { extensions: { code: number }; message: string }, index: number) => (
+
+ ({error.extensions.code}) {error.message}
+
+ )
+ )}
);
}
-const SignInForm = () => {
- let navigate = useNavigate();
- let location = useLocation();
- const { signIn } = useAuth();
-
- const from = (location.state?.from?.pathname || "/") + (location.state?.from?.search ?? "");
-
- return (
-
- );
-};
-
-export function Component() {
- const { isAuthenticated } = useAuth();
-
- if (isAuthenticated) {
- return
;
- }
-
- return
;
-}
+export const Component = SignInPage;
diff --git a/frontend/app/src/pages/tasks/index.tsx b/frontend/app/src/pages/tasks/index.tsx
index 47d6babb84..a00c448a41 100644
--- a/frontend/app/src/pages/tasks/index.tsx
+++ b/frontend/app/src/pages/tasks/index.tsx
@@ -6,8 +6,8 @@ import { useTitle } from "@/hooks/useTitle";
import ErrorScreen from "@/screens/errors/error-screen";
import Content from "@/screens/layout/content";
import LoadingScreen from "@/screens/loading-screen/loading-screen";
-import { gql } from "@apollo/client";
import { TaskItems } from "@/screens/tasks/task-items";
+import { gql } from "@apollo/client";
const TasksPage = () => {
useTitle("Task Overview");
@@ -30,7 +30,7 @@ const TasksPage = () => {
return
;
}
- const result = data ? data[TASK_OBJECT] ?? {} : {};
+ const result = data ? (data[TASK_OBJECT] ?? {}) : {};
const { count } = result;
diff --git a/frontend/app/src/pages/tasks/task-details.tsx b/frontend/app/src/pages/tasks/task-details.tsx
index 8e429c1393..593fef6e04 100644
--- a/frontend/app/src/pages/tasks/task-details.tsx
+++ b/frontend/app/src/pages/tasks/task-details.tsx
@@ -37,7 +37,7 @@ const TaskDetailsPage = () => {
return
;
}
- const result = data ? data[TASK_OBJECT] ?? {} : {};
+ const result = data ? (data[TASK_OBJECT] ?? {}) : {};
const { edges = [] } = result;
diff --git a/frontend/app/src/reportWebVitals.ts b/frontend/app/src/reportWebVitals.ts
deleted file mode 100644
index 5fa3583b75..0000000000
--- a/frontend/app/src/reportWebVitals.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ReportHandler } from "web-vitals";
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
- if (onPerfEntry && onPerfEntry instanceof Function) {
- import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
- getCLS(onPerfEntry);
- getFID(onPerfEntry);
- getFCP(onPerfEntry);
- getLCP(onPerfEntry);
- getTTFB(onPerfEntry);
- });
- }
-};
-
-export default reportWebVitals;
diff --git a/frontend/app/src/router.tsx b/frontend/app/src/router.tsx
index 6074bac4a3..b81f79a085 100644
--- a/frontend/app/src/router.tsx
+++ b/frontend/app/src/router.tsx
@@ -1,164 +1,478 @@
-import { createBrowserRouter, Navigate, Outlet } from "react-router-dom";
-import { IPAM_ROUTE } from "@/screens/ipam/constants";
-import { ARTIFACT_OBJECT, GRAPHQL_QUERY_OBJECT } from "@/config/constants";
import { Root } from "@/Root";
-import { ReactRouter6Adapter } from "use-query-params/adapters/react-router-6";
-import queryString from "query-string";
+import {
+ ARTIFACT_OBJECT,
+ GRAPHQL_QUERY_OBJECT,
+ NODE_OBJECT,
+ PROPOSED_CHANGES_OBJECT,
+} from "@/config/constants";
import { RequireAuth } from "@/hooks/useAuth";
+import { constructPathForIpam } from "@/screens/ipam/common/utils";
+import { IPAM_ROUTE, IP_ADDRESS_GENERIC, IP_PREFIX_GENERIC } from "@/screens/ipam/constants";
+import { RESOURCE_GENERIC_KIND } from "@/screens/resource-manager/constants";
+import { constructPath } from "@/utils/fetch";
+import queryString from "query-string";
+import { Navigate, Outlet, UIMatch, createBrowserRouter } from "react-router-dom";
import { QueryParamProvider } from "use-query-params";
+import { ReactRouter6Adapter } from "use-query-params/adapters/react-router-6";
export const router = createBrowserRouter([
{
path: "",
element: (
-
-
-
-
-
-
-
+
+
+
+
+
),
children: [
{
- path: "/",
- lazy: () => import("@/screens/layout/layout"),
+ path: "",
+ element: (
+
+
+
+ ),
children: [
{
- path: "/branches/*",
- lazy: () => import("@/pages/branches/details"),
- },
- {
- path: "/branches",
- lazy: () => import("@/pages/branches"),
- },
- {
- path: `/objects/${ARTIFACT_OBJECT}/:objectid`,
- lazy: () => import("@/pages/objects/CoreArtifact/artifact-details"),
- },
- {
- path: `/objects/${GRAPHQL_QUERY_OBJECT}/:graphqlQueryId`,
- lazy: () => import("@/pages/objects/CoreGraphQLQuery/graphql-query-details"),
- },
- {
- path: "/objects",
- lazy: () => import("@/pages/objects/layout"),
+ path: "/",
+ lazy: () => import("@/screens/layout/layout"),
children: [
{
- path: ":objectKind",
- lazy: () => import("@/pages/objects/object-items"),
+ index: true,
+ lazy: () => import("@/pages/homepage"),
},
{
- path: ":objectKind/:objectid",
- lazy: () => import("@/pages/objects/object-details"),
+ path: "/branches",
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Branches",
+ to: constructPath("/branches"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/pages/branches"),
+ },
+ {
+ path: "*",
+ lazy: () => import("@/pages/branches/details"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "branch",
+ value: match.params["*"],
+ };
+ },
+ },
+ },
+ ],
},
- ],
- },
- {
- path: "/profile",
- lazy: () => import("@/pages/profile"),
- },
- {
- path: "/proposed-changes/new",
- lazy: () => import("@/pages/proposed-changes/new"),
- },
- {
- path: "/proposed-changes/:proposedChangeId",
- lazy: () => import("@/pages/proposed-changes/details"),
- },
- {
- path: "/proposed-changes",
- lazy: () => import("@/pages/proposed-changes/items"),
- },
- {
- path: "/tasks/:task",
- lazy: () => import("@/pages/tasks/task-details"),
- },
- {
- path: "/tasks",
- lazy: () => import("@/pages/tasks"),
- },
- {
- path: "/graphql/:branch",
- lazy: () => import("@/pages/graphql/redirect-to-graphql-sandbox-page"),
- },
- {
- path: "graphql",
- lazy: () => import("@/pages/graphql"),
- },
- {
- path: "/resource-manager",
- lazy: () => import("@/pages/resource-manager"),
- },
- {
- path: "/resource-manager/:resourcePoolId",
- lazy: () => import("@/pages/resource-manager/resource-pool-details"),
- children: [
{
- path: "resources/:resourceId",
- lazy: () => import("@/pages/resource-manager/resource-allocation-details"),
+ path: `/objects/${ARTIFACT_OBJECT}/:objectid`,
+ lazy: () => import("@/pages/objects/CoreArtifact/artifact-details"),
},
- ],
- },
- {
- path: "/schema",
- lazy: () => import("@/pages/schema"),
- },
- {
- path: IPAM_ROUTE.INDEX,
- lazy: () => import("@/pages/ipam/layout"),
- children: [
{
- index: true,
- lazy: () => import("@/screens/ipam/ipam-router"),
+ path: `/objects/${GRAPHQL_QUERY_OBJECT}/:graphqlQueryId`,
+ lazy: () => import("@/pages/objects/CoreGraphQLQuery/graphql-query-details"),
},
{
- path: IPAM_ROUTE.ADDRESSES,
- lazy: () => import("@/screens/ipam/ipam-router"),
+ path: "/objects",
+ lazy: () => import("@/pages/objects/layout"),
children: [
{
- path: ":ip_address",
- lazy: () => import("@/screens/ipam/ipam-router"),
+ path: ":objectKind",
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.objectKind,
+ kind: "schema",
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/pages/objects/object-items"),
+ },
+ {
+ path: ":objectid",
+ lazy: () => import("@/pages/objects/object-details"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.objectid,
+ kind: match.params.objectKind,
+ };
+ },
+ },
+ },
+ ],
},
],
},
{
- path: IPAM_ROUTE.PREFIXES,
- lazy: () => import("@/screens/ipam/ipam-router"),
+ path: "/profile",
+ lazy: () => import("@/pages/profile"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Account settings",
+ to: constructPath("/profile"),
+ };
+ },
+ },
+ },
+ {
+ path: "/proposed-changes",
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Proposed changes",
+ to: constructPath("/proposed-changes"),
+ };
+ },
+ },
children: [
{
- path: ":prefix",
+ index: true,
+ lazy: () => import("@/pages/proposed-changes/items"),
+ },
+ {
+ path: "new",
+ lazy: () => import("@/pages/proposed-changes/new"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "new",
+ to: constructPath("/proposed-changes/new"),
+ };
+ },
+ },
+ },
+ {
+ path: ":proposedChangeId",
+ lazy: () => import("@/pages/proposed-changes/details"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.proposedChangeId,
+ kind: PROPOSED_CHANGES_OBJECT,
+ };
+ },
+ },
+ },
+ ],
+ },
+ {
+ path: "/tasks",
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Tasks",
+ to: constructPath("/tasks"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/pages/tasks"),
+ },
+ {
+ path: ":task",
+ lazy: () => import("@/pages/tasks/task-details"),
+ },
+ ],
+ },
+ {
+ path: "graphql",
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "GraphQL Sandbox",
+ to: constructPath("/graphql"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/pages/graphql"),
+ },
+ {
+ path: ":branch",
+ lazy: () => import("@/pages/graphql/redirect-to-graphql-sandbox-page"),
+ },
+ ],
+ },
+ {
+ path: "/resource-manager",
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Resource manager",
+ to: constructPath("/resource-manager"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/pages/resource-manager"),
+ },
+ {
+ path: ":resourcePoolId",
+ lazy: () => import("@/pages/resource-manager/resource-pool-details"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.resourcePoolId,
+ kind: RESOURCE_GENERIC_KIND,
+ };
+ },
+ },
+ children: [
+ {
+ path: "resources/:resourceId",
+ lazy: () => import("@/pages/resource-manager/resource-allocation-details"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.resourceId,
+ kind: NODE_OBJECT,
+ };
+ },
+ },
+ },
+ ],
+ },
+ ],
+ },
+ {
+ path: "/schema",
+ lazy: () => import("@/pages/schema"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Schema",
+ to: constructPath("/schema"),
+ };
+ },
+ },
+ },
+ {
+ path: IPAM_ROUTE.INDEX,
+ lazy: () => import("@/pages/ipam/layout"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "IP Address Manager",
+ to: constructPathForIpam("/ipam"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
lazy: () => import("@/screens/ipam/ipam-router"),
+ },
+ {
+ path: IPAM_ROUTE.ADDRESSES,
+ lazy: () => import("@/screens/ipam/ipam-router"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "IP Addresses",
+ to: constructPathForIpam("/ipam/addresses"),
+ };
+ },
+ },
children: [
{
path: ":ip_address",
lazy: () => import("@/screens/ipam/ipam-router"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.ip_address,
+ kind: IP_ADDRESS_GENERIC,
+ };
+ },
+ },
+ },
+ ],
+ },
+ {
+ path: IPAM_ROUTE.PREFIXES,
+ lazy: () => import("@/screens/ipam/ipam-router"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "IP Prefixes",
+ to: constructPathForIpam("/ipam/prefixes"),
+ };
+ },
+ },
+ children: [
+ {
+ path: ":prefix",
+ lazy: () => import("@/screens/ipam/ipam-router"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.prefix,
+ kind: IP_PREFIX_GENERIC,
+ };
+ },
+ },
+ children: [
+ {
+ path: ":ip_address",
+ lazy: () => import("@/screens/ipam/ipam-router"),
+ handle: {
+ breadcrumb: (match: UIMatch) => {
+ return {
+ type: "select",
+ value: match.params.ip_address,
+ kind: IP_ADDRESS_GENERIC,
+ };
+ },
+ },
+ },
+ ],
},
],
},
],
},
+ {
+ path: "role-management",
+ lazy: () => import("@/pages/role-management"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Role Management",
+ to: constructPath("/role-management"),
+ };
+ },
+ },
+ children: [
+ {
+ index: true,
+ lazy: () => import("@/screens/role-management/accounts"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Accounts",
+ to: constructPath("/role-management/accounts"),
+ };
+ },
+ },
+ },
+ {
+ path: "groups",
+ lazy: () => import("@/screens/role-management/groups"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Groups",
+ to: constructPath("/role-management/groups"),
+ };
+ },
+ },
+ },
+ {
+ path: "roles",
+ lazy: () => import("@/screens/role-management/roles"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Roles",
+ to: constructPath("/role-management/roles"),
+ };
+ },
+ },
+ },
+ {
+ path: "global-permissions",
+ lazy: () => import("@/screens/role-management/global-permissions"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Global Permissions",
+ to: constructPath("/role-management/global-permissions"),
+ };
+ },
+ },
+ },
+ {
+ path: "object-permissions",
+ lazy: () => import("@/screens/role-management/object-permissions"),
+ handle: {
+ breadcrumb: () => {
+ return {
+ type: "link",
+ label: "Object Permissions",
+ to: constructPath("/role-management/object-permissions"),
+ };
+ },
+ },
+ },
+ ],
+ },
+ {
+ path: "*",
+ element:
,
+ },
],
},
- {
- path: "/",
- lazy: () => import("@/pages/homepage"),
- },
{
path: "*",
element:
,
},
],
},
+ {
+ path: "/signin",
+ lazy: () => import("@/pages/sign-in"),
+ },
+ {
+ path: "auth/:protocol/:provider/callback",
+ lazy: () => import("@/pages/auth-callback"),
+ },
],
},
- {
- path: "/signin",
- lazy: () => import("@/pages/sign-in"),
- },
]);
diff --git a/frontend/app/src/screens/artifacts/generate.tsx b/frontend/app/src/screens/artifacts/generate.tsx
index 12af7908cd..69e59a49a9 100644
--- a/frontend/app/src/screens/artifacts/generate.tsx
+++ b/frontend/app/src/screens/artifacts/generate.tsx
@@ -68,7 +68,8 @@ export const Generate = (props: tGenerateProps) => {
disabled={!auth?.permissions?.write || isLoading}
onClick={handleGenerate}
className="mr-4"
- buttonType={BUTTON_TYPES.VALIDATE}>
+ buttonType={BUTTON_TYPES.VALIDATE}
+ >
{label ?? "Generate"}
+ variant="outline"
+ >
Manage groups
@@ -174,7 +175,8 @@ export default function ArtifactsDetails() {
href={CONFIG.ARTIFACT_DETAILS_URL(objectDetailsData.id)}
target="_blank"
rel="noreferrer"
- className="cursor-pointer underline">
+ className="cursor-pointer underline"
+ >
{objectDetailsData.id}
@@ -199,7 +201,8 @@ export default function ArtifactsDetails() {
className={classNames(
"text-sm text-gray-900 "
// attribute.kind === "TextArea" ? "whitespace-pre-wrap mr-2" : ""
- )}>
+ )}
+ >
{attribute.name === "storage_id" &&
objectDetailsData[attribute.name]?.value && (
+ className="cursor-pointer underline"
+ >
{objectDetailsData[attribute.name].value}
)}
@@ -240,7 +244,8 @@ export default function ArtifactsDetails() {
});
setShowMetaEditModal(true);
}}
- data-cy="metadata-edit-button">
+ data-cy="metadata-edit-button"
+ >
@@ -294,7 +299,8 @@ export default function ArtifactsDetails() {
/>
}
open={showMetaEditModal}
- setOpen={setShowMetaEditModal}>
+ setOpen={setShowMetaEditModal}
+ >