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
@@ -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"
}
]
};
}
});