feat: completed all layout changes needed for frontend

This commit is contained in:
=
2025-07-23 14:31:52 +05:30
parent cc9f4fb5b3
commit ec8ea76e2c
79 changed files with 1098 additions and 697 deletions
@@ -33,6 +33,7 @@ import {
Tr
} from "@app/components/v2";
import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import {
getUserTablePreference,
PreferenceKey,
@@ -44,7 +45,6 @@ import { OrderByDirection } from "@app/hooks/api/generic/types";
import { UsePopUpState } from "@app/hooks/usePopUp";
import { GroupRoles } from "./GroupRoles";
import { getProjectBaseURL } from "@app/helpers/project";
type Props = {
handlePopUpOpen: (
@@ -46,6 +46,7 @@ import {
Tr
} from "@app/components/v2";
import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { formatProjectRoleName } from "@app/helpers/roles";
import {
getUserTablePreference,
@@ -60,7 +61,6 @@ import { ProjectIdentityOrderBy } from "@app/hooks/api/workspace/types";
import { usePopUp } from "@app/hooks/usePopUp";
import { IdentityModal } from "./components/IdentityModal";
import { getProjectBaseURL } from "@app/helpers/project";
const MAX_ROLES_TO_BE_SHOWN_IN_TABLE = 2;
@@ -2,10 +2,10 @@ import { Link } from "@tanstack/react-router";
import { Alert, AlertDescription } from "@app/components/v2";
import { useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { TWorkspaceUser } from "@app/hooks/api/types";
import { MemberRbacSection } from "./MemberRbacSection";
import { getProjectBaseURL } from "@app/helpers/project";
type Props = {
projectMember: TWorkspaceUser;
@@ -50,6 +50,7 @@ import {
useUser,
useWorkspace
} from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { formatProjectRoleName } from "@app/helpers/roles";
import {
getUserTablePreference,
@@ -60,7 +61,6 @@ import { usePagination, useResetPageHelper } from "@app/hooks";
import { useGetProjectRoles, useGetWorkspaceUsers } from "@app/hooks/api";
import { OrderByDirection } from "@app/hooks/api/generic/types";
import { UsePopUpState } from "@app/hooks/usePopUp";
import { getProjectBaseURL } from "@app/helpers/project";
const MAX_ROLES_TO_BE_SHOWN_IN_TABLE = 2;
@@ -40,6 +40,7 @@ import {
Tr
} from "@app/components/v2";
import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { isCustomProjectRole } from "@app/helpers/roles";
import {
getUserTablePreference,
@@ -52,7 +53,6 @@ import { OrderByDirection } from "@app/hooks/api/generic/types";
import { ProjectMembershipRole, TProjectRole } from "@app/hooks/api/roles/types";
import { DuplicateProjectRoleModal } from "@app/pages/project/RoleDetailsBySlugPage/components/DuplicateProjectRoleModal";
import { RoleModal } from "@app/pages/project/RoleDetailsBySlugPage/components/RoleModal";
import { getProjectBaseURL } from "@app/helpers/project";
enum RolesOrderBy {
Name = "name",
@@ -1,34 +1,32 @@
import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from './AccessControlPage'
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/access-management',
"/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
},
],
}
},
})
label: "Access Control"
}
]
};
}
});
@@ -1,34 +1,32 @@
import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from './AccessControlPage'
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/access-management',
"/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
},
],
}
},
})
label: "Access Control"
}
]
};
}
});
@@ -1,34 +1,32 @@
import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from './AccessControlPage'
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/access-management',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
},
],
}
},
})
label: "Access Control"
}
]
};
}
});
@@ -1,34 +1,32 @@
import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from './AccessControlPage'
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/access-management',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
},
],
}
},
})
label: "Access Control"
}
]
};
}
});
@@ -1,34 +1,32 @@
import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from './AccessControlPage'
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/access-management',
"/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
},
],
}
},
})
label: "Access Control"
}
]
};
}
});
@@ -15,11 +15,11 @@ import {
} from "@app/components/v2";
import { CopyButton } from "@app/components/v2/CopyButton";
import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { usePopUp } from "@app/hooks";
import { useDeleteGroupFromWorkspace } from "@app/hooks/api";
import { TGroupMembership } from "@app/hooks/api/groups/types";
import { GroupRoles } from "@app/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupRoles";
import { getProjectBaseURL } from "@app/helpers/project";
type Props = {
groupMembership: TGroupMembership;
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/groups/$groupId',
"/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/groups/$groupId"
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Groups,
},
}),
selectedTab: ProjectAccessControlTabs.Groups
}
})
},
{
label: 'Group',
},
],
}
},
})
label: "Group"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/groups/$groupId',
"/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/groups/$groupId"
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Groups,
},
}),
selectedTab: ProjectAccessControlTabs.Groups
}
})
},
{
label: 'Group',
},
],
}
},
})
label: "Group"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/groups/$groupId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/groups/$groupId"
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Groups,
},
}),
selectedTab: ProjectAccessControlTabs.Groups
}
})
},
{
label: 'Group',
},
],
}
},
})
label: "Group"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/groups/$groupId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/groups/$groupId"
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Groups,
},
}),
selectedTab: ProjectAccessControlTabs.Groups
}
})
},
{
label: 'Group',
},
],
}
},
})
label: "Group"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/groups/$groupId',
"/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/groups/$groupId"
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Groups,
},
}),
selectedTab: ProjectAccessControlTabs.Groups
}
})
},
{
label: 'Group',
},
],
}
},
})
label: "Group"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/identities/$identityId',
"/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/identities/$identityId"
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Identities,
},
}),
selectedTab: ProjectAccessControlTabs.Identities
}
})
},
{
label: 'Machine Identity',
},
],
}
},
})
label: "Machine Identity"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/identities/$identityId',
"/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/identities/$identityId"
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Identities,
},
}),
selectedTab: ProjectAccessControlTabs.Identities
}
})
},
{
label: 'Machine Identity',
},
],
}
},
})
label: "Machine Identity"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/identities/$identityId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/identities/$identityId"
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Identities,
},
}),
selectedTab: ProjectAccessControlTabs.Identities
}
})
},
{
label: 'Machine Identity',
},
],
}
},
})
label: "Machine Identity"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/identities/$identityId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/identities/$identityId"
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Identities,
},
}),
selectedTab: ProjectAccessControlTabs.Identities
}
})
},
{
label: 'Machine Identity',
},
],
}
},
})
label: "Machine Identity"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/identities/$identityId',
"/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/identities/$identityId"
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Identities,
},
}),
selectedTab: ProjectAccessControlTabs.Identities
}
})
},
{
label: 'Machine Identity',
},
],
}
},
})
label: "Machine Identity"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/members/$membershipId',
"/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/members/$membershipId"
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Member,
},
}),
selectedTab: ProjectAccessControlTabs.Member
}
})
},
{
label: 'User',
},
],
}
},
})
label: "User"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/members/$membershipId',
"/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/members/$membershipId"
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Member,
},
}),
selectedTab: ProjectAccessControlTabs.Member
}
})
},
{
label: 'User',
},
],
}
},
})
label: "User"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/members/$membershipId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/members/$membershipId"
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Member,
},
}),
selectedTab: ProjectAccessControlTabs.Member
}
})
},
{
label: 'User',
},
],
}
},
})
label: "User"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/members/$membershipId',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/members/$membershipId"
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Member,
},
}),
selectedTab: ProjectAccessControlTabs.Member
}
})
},
{
label: 'User',
},
],
}
},
})
label: "User"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/members/$membershipId',
"/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/members/$membershipId"
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Member,
},
}),
selectedTab: ProjectAccessControlTabs.Member
}
})
},
{
label: 'User',
},
],
}
},
})
label: "User"
}
]
};
}
});
@@ -17,6 +17,7 @@ import {
PageHeader
} from "@app/components/v2";
import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import { useDeleteProjectRole, useGetProjectRoleBySlug } from "@app/hooks/api";
import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
import { usePopUp } from "@app/hooks/usePopUp";
@@ -25,7 +26,6 @@ import { RolePermissionsSection } from "@app/pages/project/RoleDetailsBySlugPage
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleModal } from "./components/RoleModal";
import { getProjectBaseURL } from "@app/helpers/project";
const Page = () => {
const navigate = useNavigate();
@@ -7,10 +7,10 @@ import { createNotification } from "@app/components/notifications";
import { Button, FormControl, Input, Modal, ModalContent, Spinner } from "@app/components/v2";
import { ProjectPermissionSub, useWorkspace } from "@app/context";
import { ProjectPermissionSecretActions } from "@app/context/ProjectPermissionContext/types";
import { getProjectBaseURL } from "@app/helpers/project";
import { useCreateProjectRole, useGetProjectRoleBySlug } from "@app/hooks/api";
import { TProjectRole } from "@app/hooks/api/roles/types";
import { slugSchema } from "@app/lib/schemas";
import { getProjectBaseURL } from "@app/helpers/project";
type Props = {
isOpen: boolean;
@@ -7,6 +7,7 @@ import { z } from "zod";
import { createNotification } from "@app/components/notifications";
import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
import { useWorkspace } from "@app/context";
import { getProjectBaseURL } from "@app/helpers/project";
import {
useCreateProjectRole,
useGetProjectRoleBySlug,
@@ -14,7 +15,6 @@ import {
} from "@app/hooks/api";
import { UsePopUpState } from "@app/hooks/usePopUp";
import { slugSchema } from "@app/lib/schemas";
import { getProjectBaseURL } from "@app/helpers/project";
const schema = z
.object({
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/roles/$roleSlug',
"/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/roles/$roleSlug"
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Roles,
},
}),
selectedTab: ProjectAccessControlTabs.Roles
}
})
},
{
label: 'Roles',
},
],
}
},
})
label: "Roles"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/roles/$roleSlug',
"/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/roles/$roleSlug"
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Roles,
},
}),
selectedTab: ProjectAccessControlTabs.Roles
}
})
},
{
label: 'Roles',
},
],
}
},
})
label: "Roles"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/roles/$roleSlug',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/roles/$roleSlug"
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Roles,
},
}),
selectedTab: ProjectAccessControlTabs.Roles
}
})
},
{
label: 'Roles',
},
],
}
},
})
label: "Roles"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/roles/$roleSlug',
"/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/roles/$roleSlug"
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Roles,
},
}),
selectedTab: ProjectAccessControlTabs.Roles
}
})
},
{
label: 'Roles',
},
],
}
},
})
label: "Roles"
}
]
};
}
});
@@ -1,11 +1,11 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { ProjectAccessControlTabs } from '@app/types/project'
import { ProjectAccessControlTabs } from "@app/types/project";
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/roles/$roleSlug',
"/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/roles/$roleSlug"
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
@@ -13,21 +13,21 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
label: "Access Control",
link: linkOptions({
to: '/projects/$projectId/access-management',
to: "/projects/$projectId/access-management",
params: {
projectId: params.projectId,
projectId: params.projectId
},
search: {
selectedTab: ProjectAccessControlTabs.Roles,
},
}),
selectedTab: ProjectAccessControlTabs.Roles
}
})
},
{
label: 'Roles',
},
],
}
},
})
label: "Roles"
}
]
};
}
});
@@ -16,4 +16,4 @@ export const Route = createFileRoute(
]
};
}
});
});
@@ -16,4 +16,4 @@ export const Route = createFileRoute(
]
};
}
});
});
@@ -16,4 +16,4 @@ export const Route = createFileRoute(
]
};
}
});
});
@@ -16,4 +16,4 @@ export const Route = createFileRoute(
]
};
}
});
});
@@ -1,9 +1,9 @@
import { createFileRoute } from '@tanstack/react-router'
import { createFileRoute } from "@tanstack/react-router";
import { SettingsPage } from './SettingsPage'
import { SettingsPage } from "./SettingsPage";
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/_project-layout/projects/ssh/$projectId/_ssh-layout/settings',
"/_authenticate/_inject-org-details/_org-layout/_project-layout/projects/ssh/$projectId/_ssh-layout/settings"
)({
component: SettingsPage,
beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Settings',
},
],
}
},
})
label: "Settings"
}
]
};
}
});