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