rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Split project structure, routing

Browse Source 
Signed-off-by: Émile Ré <nemile.re@gmail.com>
This commit is contained in:
Émile Ré
2025-03-21 16:44:43 +04:00
parent 0a0fa1be3c
commit 2f2414d8bb
88 changed files with 616 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/console/src/App.css
View File

@@ -1,5 +1,6 @@
@import "tailwindcss"; @import "tailwindcss";
@import "./styles/colors.css"; @import "./styles/colors.css";
@import "./styles/policy-content.css";
@plugin 'tailwindcss-animate'; @plugin 'tailwindcss-animate';
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";

326
apps/console/src/App.tsx
View File

@@ -8,28 +8,10 @@ import { BrowserRouter, Route, Routes, useLocation } from "react-router";
import "./App.css"; import "./App.css";
import "./styles/policy-content.css"; import "./styles/policy-content.css";
import ErrorBoundary from "./components/ErrorBoundary"; import ErrorBoundary from "./components/ErrorBoundary";
import ConsoleLayout from "./layouts/ConsoleLayout";
import AuthLayout from "./layouts/AuthLayout"; import AuthLayout from "./layouts/AuthLayout";
import { RelayEnvironment } from "./RelayEnvironment"; import { RelayEnvironment } from "./RelayEnvironment";
import VisitorErrorBoundary from "./components/VisitorErrorBoundary"; import { AuthenticationRoutes } from "./pages/authentication/Routes";
import { FrameworkListPageSkeleton } from "./pages/FrameworkListPage"; import { OrganizationsRoutes } from "./pages/organizations/Routes";
import { ControlOverviewPageSkeleton } from "./pages/ControlOverviewPage";
import { CreateControlPageSkeleton } from "./pages/CreateControlPage";
import { UpdateFrameworkPageSkeleton } from "./pages/UpdateFrameworkPage";
import { UpdateControlPageSkeleton } from "./pages/UpdateControlPage";
import { CreateFrameworkPageSkeleton } from "./pages/CreateFrameworkPage";
import { CreateOrganizationPageSkeleton } from "./pages/CreateOrganizationPage";
import { CreatePeoplePageSkeleton } from "./pages/CreatePeoplePage";
import { CreatePolicyPageSkeleton } from "./pages/CreatePolicyPage";
import { FrameworkOverviewPageSkeleton } from "./pages/FrameworkOverviewPage";
import { PeopleListPageSkeleton } from "./pages/PeopleListPage";
import { PeopleOverviewPageSkeleton } from "./pages/PeopleOverviewPage";
import { PolicyListPageSkeleton } from "./pages/PolicyListPage";
import { PolicyOverviewPageSkeleton } from "./pages/PolicyOverviewPage";
import { UpdatePolicyPageSkeleton } from "./pages/UpdatePolicyPage";
import { VendorListPageSkeleton } from "./pages/VendorListPage";
import { VendorOverviewPageSkeleton } from "./pages/VendorOverviewPage";
import { SettingsPageSkeleton } from "./pages/SettingsPage";
posthog.init(process.env.POSTHOG_KEY!, { posthog.init(process.env.POSTHOG_KEY!, {
api_host: process.env.POSTHOG_HOST, api_host: process.env.POSTHOG_HOST,
@@ -44,39 +26,7 @@ posthog.init(process.env.POSTHOG_KEY!, {
const OrganizationSelectionPage = lazy( const OrganizationSelectionPage = lazy(
() => import("./pages/OrganizationSelectionPage") () => import("./pages/OrganizationSelectionPage")
); );
const HomePage = lazy(() => import("./pages/HomePage"));
const NotFoundPage = lazy(() => import("./pages/NotFoundPage")); const NotFoundPage = lazy(() => import("./pages/NotFoundPage"));
const PeopleListPage = lazy(() => import("./pages/PeopleListPage"));
const VendorListPage = lazy(() => import("./pages/VendorListPage"));
const FrameworkListPage = lazy(() => import("./pages/FrameworkListPage"));
const VendorOverviewPage = lazy(() => import("./pages/VendorOverviewPage"));
const SettingsPage = lazy(() => import("./pages/SettingsPage"));
const CreatePeoplePage = lazy(() => import("./pages/CreatePeoplePage"));
const FrameworkOverviewPage = lazy(
() => import("./pages/FrameworkOverviewPage")
);
const ControlOverviewPage = lazy(() => import("./pages/ControlOverviewPage"));
const PeopleOverviewPage = lazy(() => import("./pages/PeopleOverviewPage"));
const LoginPage = lazy(() => import("./pages/LoginPage"));
const RegisterPage = lazy(() => import("./pages/RegisterPage"));
const ConfirmEmailPage = lazy(() => import("./pages/ConfirmEmailPage"));
const ConfirmInvitationPage = lazy(
() => import("./pages/ConfirmInvitationPage")
);
const CreateOrganizationPage = lazy(
() => import("./pages/CreateOrganizationPage")
);
const CreateFrameworkPage = lazy(() => import("./pages/CreateFrameworkPage"));
const CreateControlPage = lazy(() => import("./pages/CreateControlPage"));
const UpdateFrameworkPage = lazy(() => import("./pages/UpdateFrameworkPage"));
const UpdateControlPage = lazy(() => import("./pages/UpdateControlPage"));
const ForgotPasswordPage = lazy(() => import("./pages/ForgotPasswordPage"));
const ResetPasswordPage = lazy(() => import("./pages/ResetPasswordPage"));
// Policy pages
const PolicyListPage = lazy(() => import("./pages/PolicyListPage"));
const PolicyOverviewPage = lazy(() => import("./pages/PolicyOverviewPage"));
const CreatePolicyPage = lazy(() => import("./pages/CreatePolicyPage"));
const UpdatePolicyPage = lazy(() => import("./pages/UpdatePolicyPage"));
function App() { function App() {
return ( return (
@@ -98,267 +48,18 @@ function App() {
} }
/> />
<Route path="organizations/*" element={<ConsoleLayout />}>
<Route <Route
path="create" path="organizations/*"
element={ element={<OrganizationsRoutes />}
<Suspense fallback={<CreateOrganizationPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateOrganizationPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/> />
<Route path=":organizationId">
<Route
index
element={
<Suspense>
<ErrorBoundaryWithLocation>
<HomePage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people"
element={
<Suspense fallback={<PeopleListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PeopleListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people/create"
element={
<Suspense fallback={<CreatePeoplePageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreatePeoplePage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people/:peopleId"
element={
<Suspense fallback={<PeopleOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PeopleOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="vendors"
element={
<Suspense fallback={<VendorListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<VendorListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks"
element={
<Suspense fallback={<FrameworkListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<FrameworkListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/create"
element={
<Suspense fallback={<CreateFrameworkPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateFrameworkPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId"
element={
<Suspense
fallback={<FrameworkOverviewPageSkeleton />}
>
<ErrorBoundaryWithLocation>
<FrameworkOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/update"
element={
<Suspense fallback={<UpdateFrameworkPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdateFrameworkPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/create"
element={
<Suspense fallback={<CreateControlPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateControlPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/:controlId"
element={
<Suspense fallback={<ControlOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<ControlOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/:controlId/update"
element={
<Suspense fallback={<UpdateControlPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdateControlPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="vendors/:vendorId"
element={
<Suspense fallback={<VendorOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<VendorOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
{/* Policy Routes */}
<Route
path="policies"
element={
<Suspense fallback={<PolicyListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PolicyListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/create"
element={
<Suspense fallback={<CreatePolicyPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreatePolicyPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/:policyId"
element={
<Suspense fallback={<PolicyOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PolicyOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/:policyId/update"
element={
<Suspense fallback={<UpdatePolicyPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdatePolicyPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="settings"
element={
<Suspense fallback={<SettingsPageSkeleton />}>
<ErrorBoundaryWithLocation>
<SettingsPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
</Route>
</Route>
{/* Authentication Routes - Accessible without login */}
<Route element={<AuthLayout />}>
<Route <Route
path="login"
element={ element={
<Suspense> <AuthLayout>
<VisitorErrorBoundaryWithLocation> <AuthenticationRoutes />
<LoginPage /> </AuthLayout>
</VisitorErrorBoundaryWithLocation>
</Suspense>
} }
/> />
<Route
path="register"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<RegisterPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="forgot-password"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ForgotPasswordPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="reset-password"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ResetPasswordPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="confirm-email"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ConfirmEmailPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="confirm-invitation"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ConfirmInvitationPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
</Route>
<Route <Route
path="*" path="*"
@@ -387,19 +88,6 @@ function ErrorBoundaryWithLocation({
return <ErrorBoundary key={location.pathname}>{children}</ErrorBoundary>; return <ErrorBoundary key={location.pathname}>{children}</ErrorBoundary>;
} }
function VisitorErrorBoundaryWithLocation({
children,
}: {
children: React.ReactNode;
}) {
const location = useLocation();
return (
<VisitorErrorBoundary key={location.pathname}>
{children}
</VisitorErrorBoundary>
);
}
const container = document.getElementById("root"); const container = document.getElementById("root");
const root = createRoot(container!); const root = createRoot(container!);
root.render(<App />); root.render(<App />);

8
apps/console/src/layouts/AuthLayout.tsx
View File

@@ -1,15 +1,13 @@
import { Outlet } from "react-router";
import { Toaster } from "@/components/ui/toaster"; import { Toaster } from "@/components/ui/toaster";
import { ReactNode } from "react";
export default function AuthLayout() { export default function AuthLayout({ children }: { children: ReactNode }) {
return ( return (
<div className="flex min-h-screen flex-col"> <div className="flex min-h-screen flex-col">
<div className="flex flex-1"> <div className="flex flex-1">
<div className="flex flex-1 flex-col bg-muted/40"> <div className="flex flex-1 flex-col bg-muted/40">
<div className="flex flex-1 items-center justify-center"> <div className="flex flex-1 items-center justify-center">
<main className="w-full max-w-md p-6"> <main className="w-full max-w-md p-6">{children}</main>
<Outlet />
</main>
</div> </div>
</div> </div>
<div className="hidden flex-1 bg-linear-to-br from-gray-900 to-gray-950 lg:block"> <div className="hidden flex-1 bg-linear-to-br from-gray-900 to-gray-950 lg:block">

0
apps/console/src/pages/ConfirmEmailPage.tsx → apps/console/src/pages/authentication/ConfirmEmailPage.tsx
View File

0
apps/console/src/pages/ConfirmInvitationPage.tsx → apps/console/src/pages/authentication/ConfirmInvitationPage.tsx
View File

15
apps/console/src/pages/authentication/ErrorBoundary.tsx Normal file
View File

@@ -0,0 +1,15 @@
import VisitorErrorBoundary from "@/components/VisitorErrorBoundary";
import { useLocation } from "react-router";
export function VisitorErrorBoundaryWithLocation({
children,
}: {
children: React.ReactNode;
}) {
const location = useLocation();
return (
<VisitorErrorBoundary key={location.pathname}>
{children}
</VisitorErrorBoundary>
);
}

0
apps/console/src/pages/ForgotPasswordPage.tsx → apps/console/src/pages/authentication/ForgotPasswordPage.tsx
View File

0
apps/console/src/pages/LoginPage.tsx → apps/console/src/pages/authentication/LoginPage.tsx
View File

0
apps/console/src/pages/RegisterPage.tsx → apps/console/src/pages/authentication/RegisterPage.tsx
View File

0
apps/console/src/pages/ResetPasswordPage.tsx → apps/console/src/pages/authentication/ResetPasswordPage.tsx
View File

76
apps/console/src/pages/authentication/Routes.tsx Normal file
View File

@@ -0,0 +1,76 @@
import { Suspense } from "react";
import { Route, Routes } from "react-router";
import ConfirmEmailPage from "./ConfirmEmailPage";
import ConfirmInvitationPage from "./ConfirmInvitationPage";
import ForgotPasswordPage from "./ForgotPasswordPage";
import LoginPage from "./LoginPage";
import RegisterPage from "./RegisterPage";
import ResetPasswordPage from "./ResetPasswordPage";
import { VisitorErrorBoundaryWithLocation } from "./ErrorBoundary";
export function AuthenticationRoutes() {
return (
<Routes>
<Route
path="login"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<LoginPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="register"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<RegisterPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="forgot-password"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ForgotPasswordPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="reset-password"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ResetPasswordPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="confirm-email"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ConfirmEmailPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="confirm-invitation"
element={
<Suspense>
<VisitorErrorBoundaryWithLocation>
<ConfirmInvitationPage />
</VisitorErrorBoundaryWithLocation>
</Suspense>
}
/>
</Routes>
);
}

0
apps/console/src/pages/__generated__/ConfirmEmailPageMutation.graphql.ts → apps/console/src/pages/authentication/__generated__/ConfirmEmailPageMutation.graphql.ts generated
View File

0
apps/console/src/pages/CreateOrganizationPage.tsx → apps/console/src/pages/organizations/CreateOrganizationPage.tsx
View File

11
apps/console/src/pages/organizations/ErrorBoundary.tsx Normal file
View File

@@ -0,0 +1,11 @@
import ErrorBoundary from "@/components/ErrorBoundary";
import { useLocation } from "react-router";
export function ErrorBoundaryWithLocation({
children,
}: {
children: React.ReactNode;
}) {
const location = useLocation();
return <ErrorBoundary key={location.pathname}>{children}</ErrorBoundary>;
}

0
apps/console/src/pages/HomePage.tsx → apps/console/src/pages/organizations/HomePage.tsx
View File

90
apps/console/src/pages/organizations/NoOrganizationLayout.tsx Normal file
View File

@@ -0,0 +1,90 @@
import { NavLink, Outlet, Route, Routes, To } from "react-router";
import { AppSidebar } from "@/components/AppSidebar";
import { ReactNode, Suspense } from "react";
import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from "@/components/ui/breadcrumb";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import { Toaster } from "@/components/ui/toaster";
import { cn } from "@/lib/utils";
const BreadCrumbNavLink = ({
to,
children,
className,
}: {
to: To;
children?: ReactNode;
className?: string;
}) => {
return (
<BreadcrumbLink asChild>
<NavLink to={to} end>
{({ isActive }) => (
<BreadcrumbPage
className={cn(
"text-gray-300",
isActive && "text-gray-700",
className
)}
>
{children}
</BreadcrumbPage>
)}
</NavLink>
</BreadcrumbLink>
);
};
function BreadcrumbHome() {
return (
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadCrumbNavLink to="/">Home</BreadCrumbNavLink>
</BreadcrumbItem>
<Outlet />
</BreadcrumbList>
</Breadcrumb>
);
}
export default function NoOrganizationLayout() {
return (
<SidebarProvider>
<Suspense>
<AppSidebar className="p-4" />
</Suspense>
<SidebarInset>
<div className="mx-auto w-lg md:w-xl lg:w-3xl xl:w-4xl 2xl:w-5xl p-8">
<header className="flex shrink-0 items-center gap-2">
<Routes>
<Route path="*" element={<BreadcrumbHome />}>
<Route
path="create"
element={
<>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage>Create Organization</BreadcrumbPage>
</BreadcrumbItem>
</>
}
/>
</Route>
</Routes>
</header>
<div className="mt-7 w-full">
<Outlet />
</div>
</div>
<Toaster />
</SidebarInset>
</SidebarProvider>
);
}

48
apps/console/src/layouts/ConsoleLayout.tsx → apps/console/src/pages/organizations/OrganizationLayout.tsx
View File

@@ -12,13 +12,13 @@ import {
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"; import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import { Toaster } from "@/components/ui/toaster"; import { Toaster } from "@/components/ui/toaster";
import { graphql, useLazyLoadQuery } from "react-relay"; import { graphql, useLazyLoadQuery } from "react-relay";
import { ConsoleLayoutBreadcrumbFrameworkOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbFrameworkOverviewQuery.graphql";
import { ConsoleLayoutBreadcrumbPeopleOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbPeopleOverviewQuery.graphql";
import { ConsoleLayoutBreadcrumbVendorOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbVendorOverviewQuery.graphql";
import { ConsoleLayoutBreadcrumbControlOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbControlOverviewQuery.graphql";
import { ConsoleLayoutOrganizationQuery } from "./__generated__/ConsoleLayoutOrganizationQuery.graphql";
import { ConsoleLayoutBreadcrumbPolicyOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbPolicyOverviewQuery.graphql";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { OrganizationLayoutOrganizationQuery } from "./__generated__/OrganizationLayoutOrganizationQuery.graphql";
import { OrganizationLayoutBreadcrumbControlOverviewQuery } from "./__generated__/OrganizationLayoutBreadcrumbControlOverviewQuery.graphql";
import { OrganizationLayoutBreadcrumbFrameworkOverviewQuery } from "./__generated__/OrganizationLayoutBreadcrumbFrameworkOverviewQuery.graphql";
import { OrganizationLayoutBreadcrumbPeopleOverviewQuery } from "./__generated__/OrganizationLayoutBreadcrumbPeopleOverviewQuery.graphql";
import { OrganizationLayoutBreadcrumbPolicyOverviewQuery } from "./__generated__/OrganizationLayoutBreadcrumbPolicyOverviewQuery.graphql";
import { OrganizationLayoutBreadcrumbVendorOverviewQuery } from "./__generated__/OrganizationLayoutBreadcrumbVendorOverviewQuery.graphql";
const BreadCrumbNavLink = ({ const BreadCrumbNavLink = ({
to, to,
@@ -64,9 +64,9 @@ function BreadcrumbHome() {
function BreadCrumbOrganization() { function BreadCrumbOrganization() {
const { organizationId } = useParams(); const { organizationId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutOrganizationQuery>( const data = useLazyLoadQuery<OrganizationLayoutOrganizationQuery>(
graphql` graphql`
query ConsoleLayoutOrganizationQuery($organizationId: ID!) { query OrganizationLayoutOrganizationQuery($organizationId: ID!) {
organization: node(id: $organizationId) { organization: node(id: $organizationId) {
... on Organization { ... on Organization {
name name
@@ -120,9 +120,12 @@ function BreadcrumbCreateFramework() {
function BreadcrumbFrameworkOverview() { function BreadcrumbFrameworkOverview() {
const { organizationId, frameworkId } = useParams(); const { organizationId, frameworkId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbFrameworkOverviewQuery>( const data =
useLazyLoadQuery<OrganizationLayoutBreadcrumbFrameworkOverviewQuery>(
graphql` graphql`
query ConsoleLayoutBreadcrumbFrameworkOverviewQuery($frameworkId: ID!) { query OrganizationLayoutBreadcrumbFrameworkOverviewQuery(
$frameworkId: ID!
) {
framework: node(id: $frameworkId) { framework: node(id: $frameworkId) {
id id
... on Framework { ... on Framework {
@@ -177,9 +180,10 @@ function BreadcrumbVendorList() {
function BreadcrumbVendorOverview() { function BreadcrumbVendorOverview() {
const { organizationId, vendorId } = useParams(); const { organizationId, vendorId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbVendorOverviewQuery>( const data =
useLazyLoadQuery<OrganizationLayoutBreadcrumbVendorOverviewQuery>(
graphql` graphql`
query ConsoleLayoutBreadcrumbVendorOverviewQuery($vendorId: ID!) { query OrganizationLayoutBreadcrumbVendorOverviewQuery($vendorId: ID!) {
vendor: node(id: $vendorId) { vendor: node(id: $vendorId) {
id id
... on Vendor { ... on Vendor {
@@ -235,9 +239,10 @@ function BreadcrumbCreatePeople() {
function BreadcrumbPeopleOverview() { function BreadcrumbPeopleOverview() {
const { organizationId, peopleId } = useParams(); const { organizationId, peopleId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbPeopleOverviewQuery>( const data =
useLazyLoadQuery<OrganizationLayoutBreadcrumbPeopleOverviewQuery>(
graphql` graphql`
query ConsoleLayoutBreadcrumbPeopleOverviewQuery($peopleId: ID!) { query OrganizationLayoutBreadcrumbPeopleOverviewQuery($peopleId: ID!) {
people: node(id: $peopleId) { people: node(id: $peopleId) {
id id
... on People { ... on People {
@@ -267,9 +272,12 @@ function BreadcrumbPeopleOverview() {
function BreadcrumbControlOverview() { function BreadcrumbControlOverview() {
const { organizationId, frameworkId, controlId } = useParams(); const { organizationId, frameworkId, controlId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbControlOverviewQuery>( const data =
useLazyLoadQuery<OrganizationLayoutBreadcrumbControlOverviewQuery>(
graphql` graphql`
query ConsoleLayoutBreadcrumbControlOverviewQuery($controlId: ID!) { query OrganizationLayoutBreadcrumbControlOverviewQuery(
$controlId: ID!
) {
control: node(id: $controlId) { control: node(id: $controlId) {
id id
... on Control { ... on Control {
@@ -346,9 +354,10 @@ function BreadcrumbCreatePolicy() {
function BreadcrumbPolicyOverview() { function BreadcrumbPolicyOverview() {
const { organizationId, policyId } = useParams(); const { organizationId, policyId } = useParams();
const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbPolicyOverviewQuery>( const data =
useLazyLoadQuery<OrganizationLayoutBreadcrumbPolicyOverviewQuery>(
graphql` graphql`
query ConsoleLayoutBreadcrumbPolicyOverviewQuery($policyId: ID!) { query OrganizationLayoutBreadcrumbPolicyOverviewQuery($policyId: ID!) {
policy: node(id: $policyId) { policy: node(id: $policyId) {
id id
... on Policy { ... on Policy {
@@ -387,7 +396,7 @@ function BreadcrumbUpdatePolicy() {
); );
} }
export default function ConsoleLayout() { export default function OrganizationLayout() {
return ( return (
<SidebarProvider> <SidebarProvider>
<Suspense> <Suspense>
@@ -398,7 +407,6 @@ export default function ConsoleLayout() {
<header className="flex shrink-0 items-center gap-2"> <header className="flex shrink-0 items-center gap-2">
<Routes> <Routes>
<Route <Route
path=":organizationsId"
element={ element={
<Suspense> <Suspense>
<BreadCrumbOrganization /> <BreadCrumbOrganization />

259
apps/console/src/pages/organizations/Routes.tsx Normal file
View File

@@ -0,0 +1,259 @@
import { lazy, Suspense } from "react";
import { Route, Routes } from "react-router";
import { CreateOrganizationPageSkeleton } from "./CreateOrganizationPage";
import { ControlOverviewPageSkeleton } from "./frameworks/controls/ControlOverviewPage";
import { CreateControlPageSkeleton } from "./frameworks/controls/CreateControlPage";
import { UpdateControlPageSkeleton } from "./frameworks/controls/UpdateControlPage";
import { CreateFrameworkPageSkeleton } from "./frameworks/CreateFrameworkPage";
import { FrameworkListPageSkeleton } from "./frameworks/FrameworkListPage";
import { FrameworkOverviewPageSkeleton } from "./frameworks/FrameworkOverviewPage";
import { UpdateFrameworkPageSkeleton } from "./frameworks/UpdateFrameworkPage";
import "./HomePage";
import { CreatePeoplePageSkeleton } from "./people/CreatePeoplePage";
import { PeopleListPageSkeleton } from "./people/PeopleListPage";
import { PeopleOverviewPageSkeleton } from "./people/PeopleOverviewPage";
import { CreatePolicyPageSkeleton } from "./policies/CreatePolicyPage";
import { PolicyListPageSkeleton } from "./policies/PolicyListPage";
import { PolicyOverviewPageSkeleton } from "./policies/PolicyOverviewPage";
import { UpdatePolicyPageSkeleton } from "./policies/UpdatePolicyPage";
import { SettingsPageSkeleton } from "./SettingsPage";
import { VendorListPageSkeleton } from "./vendors/VendorListPage";
import { VendorOverviewPageSkeleton } from "./vendors/VendorOverviewPage";
import { ErrorBoundaryWithLocation } from "./ErrorBoundary";
import OrganizationLayout from "./OrganizationLayout";
import NoOrganizationLayout from "./NoOrganizationLayout";
const CreateOrganizationPage = lazy(() => import("./CreateOrganizationPage"));
const ControlOverviewPage = lazy(
() => import("./frameworks/controls/ControlOverviewPage")
);
const CreateControlPage = lazy(
() => import("./frameworks/controls/CreateControlPage")
);
const UpdateControlPage = lazy(
() => import("./frameworks/controls/UpdateControlPage")
);
const CreateFrameworkPage = lazy(
() => import("./frameworks/CreateFrameworkPage")
);
const FrameworkListPage = lazy(() => import("./frameworks/FrameworkListPage"));
const FrameworkOverviewPage = lazy(
() => import("./frameworks/FrameworkOverviewPage")
);
const UpdateFrameworkPage = lazy(
() => import("./frameworks/UpdateFrameworkPage")
);
const HomePage = lazy(() => import("./HomePage"));
const CreatePeoplePage = lazy(() => import("./people/CreatePeoplePage"));
const PeopleListPage = lazy(() => import("./people/PeopleListPage"));
const PeopleOverviewPage = lazy(() => import("./people/PeopleOverviewPage"));
const CreatePolicyPage = lazy(() => import("./policies/CreatePolicyPage"));
const PolicyListPage = lazy(() => import("./policies/PolicyListPage"));
const PolicyOverviewPage = lazy(() => import("./policies/PolicyOverviewPage"));
const UpdatePolicyPage = lazy(() => import("./policies/UpdatePolicyPage"));
const SettingsPage = lazy(() => import("./SettingsPage"));
const VendorListPage = lazy(() => import("./vendors/VendorListPage"));
const VendorOverviewPage = lazy(() => import("./vendors/VendorOverviewPage"));
export function OrganizationsRoutes() {
return (
<Routes>
<Route path=":organizationId/*" element={<OrganizationLayout />}>
<Route
index
element={
<Suspense>
<ErrorBoundaryWithLocation>
<HomePage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people"
element={
<Suspense fallback={<PeopleListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PeopleListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people/create"
element={
<Suspense fallback={<CreatePeoplePageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreatePeoplePage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="people/:peopleId"
element={
<Suspense fallback={<PeopleOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PeopleOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="vendors"
element={
<Suspense fallback={<VendorListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<VendorListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks"
element={
<Suspense fallback={<FrameworkListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<FrameworkListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/create"
element={
<Suspense fallback={<CreateFrameworkPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateFrameworkPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId"
element={
<Suspense fallback={<FrameworkOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<FrameworkOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/update"
element={
<Suspense fallback={<UpdateFrameworkPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdateFrameworkPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/create"
element={
<Suspense fallback={<CreateControlPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateControlPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/:controlId"
element={
<Suspense fallback={<ControlOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<ControlOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="frameworks/:frameworkId/controls/:controlId/update"
element={
<Suspense fallback={<UpdateControlPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdateControlPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="vendors/:vendorId"
element={
<Suspense fallback={<VendorOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<VendorOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
{/* Policy Routes */}
<Route
path="policies"
element={
<Suspense fallback={<PolicyListPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PolicyListPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/create"
element={
<Suspense fallback={<CreatePolicyPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreatePolicyPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/:policyId"
element={
<Suspense fallback={<PolicyOverviewPageSkeleton />}>
<ErrorBoundaryWithLocation>
<PolicyOverviewPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="policies/:policyId/update"
element={
<Suspense fallback={<UpdatePolicyPageSkeleton />}>
<ErrorBoundaryWithLocation>
<UpdatePolicyPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
<Route
path="settings"
element={
<Suspense fallback={<SettingsPageSkeleton />}>
<ErrorBoundaryWithLocation>
<SettingsPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
</Route>
<Route path="*" element={<NoOrganizationLayout />}>
<Route
path="create"
element={
<Suspense fallback={<CreateOrganizationPageSkeleton />}>
<ErrorBoundaryWithLocation>
<CreateOrganizationPage />
</ErrorBoundaryWithLocation>
</Suspense>
}
/>
</Route>
</Routes>
);
}

0
apps/console/src/pages/SettingsPage.tsx → apps/console/src/pages/organizations/SettingsPage.tsx
View File

0
apps/console/src/pages/__generated__/CreateOrganizationPageCreateOrganizationMutation.graphql.ts → apps/console/src/pages/organizations/__generated__/CreateOrganizationPageCreateOrganizationMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/CreateOrganizationPageViewerQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/CreateOrganizationPageViewerQuery.graphql.ts generated
View File

24
apps/console/src/layouts/__generated__/ConsoleLayoutBreadcrumbControlOverviewQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutBreadcrumbControlOverviewQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<00ec8864c54512b021bdfa0f7b53cd43>> * @generated SignedSource<<ebdda8f7be44df65a5ba836693e48bea>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,18 +9,18 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutBreadcrumbControlOverviewQuery$variables = { export type OrganizationLayoutBreadcrumbControlOverviewQuery$variables = {
controlId: string; controlId: string;
}; };
export type ConsoleLayoutBreadcrumbControlOverviewQuery$data = { export type OrganizationLayoutBreadcrumbControlOverviewQuery$data = {
readonly control: { readonly control: {
readonly id: string; readonly id: string;
readonly name?: string; readonly name?: string;
}; };
}; };
export type ConsoleLayoutBreadcrumbControlOverviewQuery = { export type OrganizationLayoutBreadcrumbControlOverviewQuery = {
response: ConsoleLayoutBreadcrumbControlOverviewQuery$data; response: OrganizationLayoutBreadcrumbControlOverviewQuery$data;
variables: ConsoleLayoutBreadcrumbControlOverviewQuery$variables; variables: OrganizationLayoutBreadcrumbControlOverviewQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -64,7 +64,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutBreadcrumbControlOverviewQuery", "name": "OrganizationLayoutBreadcrumbControlOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "control", "alias": "control",
@@ -87,7 +87,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutBreadcrumbControlOverviewQuery", "name": "OrganizationLayoutBreadcrumbControlOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "control", "alias": "control",
@@ -112,16 +112,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "7ff42b211b319b1a413258ef2242b6e3", "cacheID": "2fa16d62f29015853c425704e3de3fd4",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutBreadcrumbControlOverviewQuery", "name": "OrganizationLayoutBreadcrumbControlOverviewQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutBreadcrumbControlOverviewQuery(\n $controlId: ID!\n) {\n control: node(id: $controlId) {\n __typename\n id\n ... on Control {\n name\n }\n }\n}\n" "text": "query OrganizationLayoutBreadcrumbControlOverviewQuery(\n $controlId: ID!\n) {\n control: node(id: $controlId) {\n __typename\n id\n ... on Control {\n name\n }\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "089c9c977bce592f440e3503f62aee3a"; (node as any).hash = "202e114f9b94e9c0bf805b0ae8f69fcd";
export default node; export default node;

24
apps/console/src/layouts/__generated__/ConsoleLayoutBreadcrumbFrameworkOverviewQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutBreadcrumbFrameworkOverviewQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<1706f11580339ff248a8fa9b53862829>> * @generated SignedSource<<733d7a1785075f67a2b120aec123d3d3>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,18 +9,18 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutBreadcrumbFrameworkOverviewQuery$variables = { export type OrganizationLayoutBreadcrumbFrameworkOverviewQuery$variables = {
frameworkId: string; frameworkId: string;
}; };
export type ConsoleLayoutBreadcrumbFrameworkOverviewQuery$data = { export type OrganizationLayoutBreadcrumbFrameworkOverviewQuery$data = {
readonly framework: { readonly framework: {
readonly id: string; readonly id: string;
readonly name?: string; readonly name?: string;
}; };
}; };
export type ConsoleLayoutBreadcrumbFrameworkOverviewQuery = { export type OrganizationLayoutBreadcrumbFrameworkOverviewQuery = {
response: ConsoleLayoutBreadcrumbFrameworkOverviewQuery$data; response: OrganizationLayoutBreadcrumbFrameworkOverviewQuery$data;
variables: ConsoleLayoutBreadcrumbFrameworkOverviewQuery$variables; variables: OrganizationLayoutBreadcrumbFrameworkOverviewQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -64,7 +64,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutBreadcrumbFrameworkOverviewQuery", "name": "OrganizationLayoutBreadcrumbFrameworkOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "framework", "alias": "framework",
@@ -87,7 +87,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutBreadcrumbFrameworkOverviewQuery", "name": "OrganizationLayoutBreadcrumbFrameworkOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "framework", "alias": "framework",
@@ -112,16 +112,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "287decd67859fe4c2248b6d6b0a3d56d", "cacheID": "75003c9ef679845e901b7ecd8c591da7",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutBreadcrumbFrameworkOverviewQuery", "name": "OrganizationLayoutBreadcrumbFrameworkOverviewQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutBreadcrumbFrameworkOverviewQuery(\n $frameworkId: ID!\n) {\n framework: node(id: $frameworkId) {\n __typename\n id\n ... on Framework {\n name\n }\n }\n}\n" "text": "query OrganizationLayoutBreadcrumbFrameworkOverviewQuery(\n $frameworkId: ID!\n) {\n framework: node(id: $frameworkId) {\n __typename\n id\n ... on Framework {\n name\n }\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "a4c4f857eb13cf154a01f70874f0fd58"; (node as any).hash = "c8da93cc3207000e73285e126d12a882";
export default node; export default node;

24
apps/console/src/layouts/__generated__/ConsoleLayoutBreadcrumbPeopleOverviewQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutBreadcrumbPeopleOverviewQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<6f086aeafe55fd91abdf75b5832f76e8>> * @generated SignedSource<<2a843b85994d7b675c2e0504ea8c687e>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,18 +9,18 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutBreadcrumbPeopleOverviewQuery$variables = { export type OrganizationLayoutBreadcrumbPeopleOverviewQuery$variables = {
peopleId: string; peopleId: string;
}; };
export type ConsoleLayoutBreadcrumbPeopleOverviewQuery$data = { export type OrganizationLayoutBreadcrumbPeopleOverviewQuery$data = {
readonly people: { readonly people: {
readonly fullName?: string; readonly fullName?: string;
readonly id: string; readonly id: string;
}; };
}; };
export type ConsoleLayoutBreadcrumbPeopleOverviewQuery = { export type OrganizationLayoutBreadcrumbPeopleOverviewQuery = {
response: ConsoleLayoutBreadcrumbPeopleOverviewQuery$data; response: OrganizationLayoutBreadcrumbPeopleOverviewQuery$data;
variables: ConsoleLayoutBreadcrumbPeopleOverviewQuery$variables; variables: OrganizationLayoutBreadcrumbPeopleOverviewQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -64,7 +64,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutBreadcrumbPeopleOverviewQuery", "name": "OrganizationLayoutBreadcrumbPeopleOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "people", "alias": "people",
@@ -87,7 +87,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutBreadcrumbPeopleOverviewQuery", "name": "OrganizationLayoutBreadcrumbPeopleOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "people", "alias": "people",
@@ -112,16 +112,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "ae4480910071c40c530fabf42d140afd", "cacheID": "3f43dd20847240f85b9e4f7e1d2ae1e6",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutBreadcrumbPeopleOverviewQuery", "name": "OrganizationLayoutBreadcrumbPeopleOverviewQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutBreadcrumbPeopleOverviewQuery(\n $peopleId: ID!\n) {\n people: node(id: $peopleId) {\n __typename\n id\n ... on People {\n fullName\n }\n }\n}\n" "text": "query OrganizationLayoutBreadcrumbPeopleOverviewQuery(\n $peopleId: ID!\n) {\n people: node(id: $peopleId) {\n __typename\n id\n ... on People {\n fullName\n }\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "ffd8d5be8b9b8a930c956c8d292715d8"; (node as any).hash = "715ffb6eaef0bdeec2c1a42e17d37ba9";
export default node; export default node;

24
apps/console/src/layouts/__generated__/ConsoleLayoutBreadcrumbPolicyOverviewQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutBreadcrumbPolicyOverviewQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<03812f2d66d34ef3636bc7890059f4cf>> * @generated SignedSource<<02beff12353573ba1a8701513b4e9a7e>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,18 +9,18 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutBreadcrumbPolicyOverviewQuery$variables = { export type OrganizationLayoutBreadcrumbPolicyOverviewQuery$variables = {
policyId: string; policyId: string;
}; };
export type ConsoleLayoutBreadcrumbPolicyOverviewQuery$data = { export type OrganizationLayoutBreadcrumbPolicyOverviewQuery$data = {
readonly policy: { readonly policy: {
readonly id: string; readonly id: string;
readonly name?: string; readonly name?: string;
}; };
}; };
export type ConsoleLayoutBreadcrumbPolicyOverviewQuery = { export type OrganizationLayoutBreadcrumbPolicyOverviewQuery = {
response: ConsoleLayoutBreadcrumbPolicyOverviewQuery$data; response: OrganizationLayoutBreadcrumbPolicyOverviewQuery$data;
variables: ConsoleLayoutBreadcrumbPolicyOverviewQuery$variables; variables: OrganizationLayoutBreadcrumbPolicyOverviewQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -64,7 +64,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutBreadcrumbPolicyOverviewQuery", "name": "OrganizationLayoutBreadcrumbPolicyOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "policy", "alias": "policy",
@@ -87,7 +87,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutBreadcrumbPolicyOverviewQuery", "name": "OrganizationLayoutBreadcrumbPolicyOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "policy", "alias": "policy",
@@ -112,16 +112,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "2c38760f04efaf9b41d6b2abb17c2074", "cacheID": "a7bbb574545c752bde0eba468ec494d7",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutBreadcrumbPolicyOverviewQuery", "name": "OrganizationLayoutBreadcrumbPolicyOverviewQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutBreadcrumbPolicyOverviewQuery(\n $policyId: ID!\n) {\n policy: node(id: $policyId) {\n __typename\n id\n ... on Policy {\n name\n }\n }\n}\n" "text": "query OrganizationLayoutBreadcrumbPolicyOverviewQuery(\n $policyId: ID!\n) {\n policy: node(id: $policyId) {\n __typename\n id\n ... on Policy {\n name\n }\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "f2a356a6aa9b98ca13dde3b82e2e868a"; (node as any).hash = "90b9df71a590d79f4e083aa117ad7302";
export default node; export default node;

24
apps/console/src/layouts/__generated__/ConsoleLayoutBreadcrumbVendorOverviewQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutBreadcrumbVendorOverviewQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<266ca8730d2832be4d4c96d325c3e4ab>> * @generated SignedSource<<d0ab5ff850203d4209b0d189e8c28b7c>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,18 +9,18 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutBreadcrumbVendorOverviewQuery$variables = { export type OrganizationLayoutBreadcrumbVendorOverviewQuery$variables = {
vendorId: string; vendorId: string;
}; };
export type ConsoleLayoutBreadcrumbVendorOverviewQuery$data = { export type OrganizationLayoutBreadcrumbVendorOverviewQuery$data = {
readonly vendor: { readonly vendor: {
readonly id: string; readonly id: string;
readonly name?: string; readonly name?: string;
}; };
}; };
export type ConsoleLayoutBreadcrumbVendorOverviewQuery = { export type OrganizationLayoutBreadcrumbVendorOverviewQuery = {
response: ConsoleLayoutBreadcrumbVendorOverviewQuery$data; response: OrganizationLayoutBreadcrumbVendorOverviewQuery$data;
variables: ConsoleLayoutBreadcrumbVendorOverviewQuery$variables; variables: OrganizationLayoutBreadcrumbVendorOverviewQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -64,7 +64,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutBreadcrumbVendorOverviewQuery", "name": "OrganizationLayoutBreadcrumbVendorOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "vendor", "alias": "vendor",
@@ -87,7 +87,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutBreadcrumbVendorOverviewQuery", "name": "OrganizationLayoutBreadcrumbVendorOverviewQuery",
"selections": [ "selections": [
{ {
"alias": "vendor", "alias": "vendor",
@@ -112,16 +112,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "d0b39b21eec610e1162705b7e2799468", "cacheID": "cdf321fbd087d345096d8af142d99608",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutBreadcrumbVendorOverviewQuery", "name": "OrganizationLayoutBreadcrumbVendorOverviewQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutBreadcrumbVendorOverviewQuery(\n $vendorId: ID!\n) {\n vendor: node(id: $vendorId) {\n __typename\n id\n ... on Vendor {\n name\n }\n }\n}\n" "text": "query OrganizationLayoutBreadcrumbVendorOverviewQuery(\n $vendorId: ID!\n) {\n vendor: node(id: $vendorId) {\n __typename\n id\n ... on Vendor {\n name\n }\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "20bb1420f2d13cf7974591da5e6b654f"; (node as any).hash = "41b87834c3e5625381d8434930cf29db";
export default node; export default node;

24
apps/console/src/layouts/__generated__/ConsoleLayoutOrganizationQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/OrganizationLayoutOrganizationQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/** /**
* @generated SignedSource<<93800eee21fa3f30cc45da37370359fd>> * @generated SignedSource<<c8aadda28109f223c394a98b8ac9c14e>>
* @lightSyntaxTransform * @lightSyntaxTransform
* @nogrep * @nogrep
*/ */
@@ -9,17 +9,17 @@
// @ts-nocheck // @ts-nocheck
import { ConcreteRequest } from 'relay-runtime'; import { ConcreteRequest } from 'relay-runtime';
export type ConsoleLayoutOrganizationQuery$variables = { export type OrganizationLayoutOrganizationQuery$variables = {
organizationId: string; organizationId: string;
}; };
export type ConsoleLayoutOrganizationQuery$data = { export type OrganizationLayoutOrganizationQuery$data = {
readonly organization: { readonly organization: {
readonly name?: string; readonly name?: string;
}; };
}; };
export type ConsoleLayoutOrganizationQuery = { export type OrganizationLayoutOrganizationQuery = {
response: ConsoleLayoutOrganizationQuery$data; response: OrganizationLayoutOrganizationQuery$data;
variables: ConsoleLayoutOrganizationQuery$variables; variables: OrganizationLayoutOrganizationQuery$variables;
}; };
const node: ConcreteRequest = (function(){ const node: ConcreteRequest = (function(){
@@ -56,7 +56,7 @@ return {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Fragment", "kind": "Fragment",
"metadata": null, "metadata": null,
"name": "ConsoleLayoutOrganizationQuery", "name": "OrganizationLayoutOrganizationQuery",
"selections": [ "selections": [
{ {
"alias": "organization", "alias": "organization",
@@ -78,7 +78,7 @@ return {
"operation": { "operation": {
"argumentDefinitions": (v0/*: any*/), "argumentDefinitions": (v0/*: any*/),
"kind": "Operation", "kind": "Operation",
"name": "ConsoleLayoutOrganizationQuery", "name": "OrganizationLayoutOrganizationQuery",
"selections": [ "selections": [
{ {
"alias": "organization", "alias": "organization",
@@ -109,16 +109,16 @@ return {
] ]
}, },
"params": { "params": {
"cacheID": "e275faa366380b1b423251e6a06ab743", "cacheID": "f4716079c4ca6a1012c7044a3328af01",
"id": null, "id": null,
"metadata": {}, "metadata": {},
"name": "ConsoleLayoutOrganizationQuery", "name": "OrganizationLayoutOrganizationQuery",
"operationKind": "query", "operationKind": "query",
"text": "query ConsoleLayoutOrganizationQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n name\n }\n id\n }\n}\n" "text": "query OrganizationLayoutOrganizationQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n name\n }\n id\n }\n}\n"
} }
}; };
})(); })();
(node as any).hash = "3310c40eb8f1e3874139c934fb08cbb1"; (node as any).hash = "878d0ca4790ce128c108f29135074919";
export default node; export default node;

0
apps/console/src/pages/__generated__/SettingsPageInviteUserMutation.graphql.ts → apps/console/src/pages/organizations/__generated__/SettingsPageInviteUserMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/SettingsPageQuery.graphql.ts → apps/console/src/pages/organizations/__generated__/SettingsPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/SettingsPageRemoveUserMutation.graphql.ts → apps/console/src/pages/organizations/__generated__/SettingsPageRemoveUserMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/SettingsPageUpdateOrganizationMutation.graphql.ts → apps/console/src/pages/organizations/__generated__/SettingsPageUpdateOrganizationMutation.graphql.ts generated
View File

0
apps/console/src/pages/CreateFrameworkPage.tsx → apps/console/src/pages/organizations/frameworks/CreateFrameworkPage.tsx
View File

0
apps/console/src/pages/FrameworkListPage.tsx → apps/console/src/pages/organizations/frameworks/FrameworkListPage.tsx
View File

0
apps/console/src/pages/FrameworkOverviewPage.tsx → apps/console/src/pages/organizations/frameworks/FrameworkOverviewPage.tsx
View File

0
apps/console/src/pages/UpdateFrameworkPage.tsx → apps/console/src/pages/organizations/frameworks/UpdateFrameworkPage.tsx
View File

0
apps/console/src/pages/__generated__/CreateFrameworkPageCreateFrameworkMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/CreateFrameworkPageCreateFrameworkMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/FrameworkListPageImportFrameworkMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/FrameworkListPageImportFrameworkMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/FrameworkListPageQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/FrameworkListPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/FrameworkOverviewPageQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/FrameworkOverviewPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdateFrameworkPageQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/UpdateFrameworkPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdateFrameworkPageUpdateFrameworkMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/__generated__/UpdateFrameworkPageUpdateFrameworkMutation.graphql.ts generated
View File

0
apps/console/src/pages/ControlOverviewPage.tsx → apps/console/src/pages/organizations/frameworks/controls/ControlOverviewPage.tsx
View File

0
apps/console/src/pages/CreateControlPage.tsx → apps/console/src/pages/organizations/frameworks/controls/CreateControlPage.tsx
View File

0
apps/console/src/pages/UpdateControlPage.tsx → apps/console/src/pages/organizations/frameworks/controls/UpdateControlPage.tsx
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageAssignTaskMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageAssignTaskMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageCreateTaskMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageCreateTaskMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageDeleteEvidenceMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageDeleteEvidenceMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageDeleteTaskMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageDeleteTaskMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageGetEvidenceFileUrlQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageGetEvidenceFileUrlQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageOrganizationQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageOrganizationQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageUnassignTaskMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageUnassignTaskMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageUpdateControlStateMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageUpdateControlStateMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageUpdateTaskStateMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageUpdateTaskStateMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/ControlOverviewPageUploadEvidenceMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/ControlOverviewPageUploadEvidenceMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/CreateControlPageCreateControlMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/CreateControlPageCreateControlMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdateControlPageQuery.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/UpdateControlPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdateControlPageUpdateControlMutation.graphql.ts → apps/console/src/pages/organizations/frameworks/controls/__generated__/UpdateControlPageUpdateControlMutation.graphql.ts generated
View File

0
apps/console/src/pages/CreatePeoplePage.tsx → apps/console/src/pages/organizations/people/CreatePeoplePage.tsx
View File

0
apps/console/src/pages/PeopleListPage.tsx → apps/console/src/pages/organizations/people/PeopleListPage.tsx
View File

0
apps/console/src/pages/PeopleOverviewPage.tsx → apps/console/src/pages/organizations/people/PeopleOverviewPage.tsx
View File

0
apps/console/src/pages/__generated__/CreatePeoplePageCreatePeopleMutation.graphql.ts → apps/console/src/pages/organizations/people/__generated__/CreatePeoplePageCreatePeopleMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleListPageDeletePeopleMutation.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleListPageDeletePeopleMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleListPagePaginationQuery.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleListPagePaginationQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleListPageQuery.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleListPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleListPage_peoples.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleListPage_peoples.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleOverviewPageQuery.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleOverviewPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PeopleOverviewPageUpdatePeopleMutation.graphql.ts → apps/console/src/pages/organizations/people/__generated__/PeopleOverviewPageUpdatePeopleMutation.graphql.ts generated
View File

0
apps/console/src/pages/CreatePolicyPage.tsx → apps/console/src/pages/organizations/policies/CreatePolicyPage.tsx
View File

0
apps/console/src/pages/PolicyListPage.tsx → apps/console/src/pages/organizations/policies/PolicyListPage.tsx
View File

1
apps/console/src/pages/PolicyOverviewPage.tsx → apps/console/src/pages/organizations/policies/PolicyOverviewPage.tsx
View File

@@ -15,7 +15,6 @@ import { Badge } from "@/components/ui/badge";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import type { PolicyOverviewPageQuery as PolicyOverviewPageQueryType } from "./__generated__/PolicyOverviewPageQuery.graphql"; import type { PolicyOverviewPageQuery as PolicyOverviewPageQueryType } from "./__generated__/PolicyOverviewPageQuery.graphql";
import type { PolicyOverviewPageDeleteMutation } from "./__generated__/PolicyOverviewPageDeleteMutation.graphql"; import type { PolicyOverviewPageDeleteMutation } from "./__generated__/PolicyOverviewPageDeleteMutation.graphql";
import "../styles/policy-content.css";
import { useToast } from "@/hooks/use-toast"; import { useToast } from "@/hooks/use-toast";
import { PageTemplate, PageTemplateSkeleton } from "@/components/PageTemplate"; import { PageTemplate, PageTemplateSkeleton } from "@/components/PageTemplate";

0
apps/console/src/pages/UpdatePolicyPage.tsx → apps/console/src/pages/organizations/policies/UpdatePolicyPage.tsx
View File

0
apps/console/src/pages/__generated__/CreatePolicyPageMutation.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/CreatePolicyPageMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/CreatePolicyPageQuery.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/CreatePolicyPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PolicyListPageQuery.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/PolicyListPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PolicyOverviewPageDeleteMutation.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/PolicyOverviewPageDeleteMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/PolicyOverviewPageQuery.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/PolicyOverviewPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdatePolicyPageMutation.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/UpdatePolicyPageMutation.graphql.ts generated
View File

0
apps/console/src/pages/__generated__/UpdatePolicyPageQuery.graphql.ts → apps/console/src/pages/organizations/policies/__generated__/UpdatePolicyPageQuery.graphql.ts generated
View File

0
apps/console/src/pages/VendorListPage.tsx → apps/console/src/pages/organizations/vendors/VendorListPage.tsx vendored
View File

0
apps/console/src/pages/VendorOverviewPage.tsx → apps/console/src/pages/organizations/vendors/VendorOverviewPage.tsx vendored
View File

0
apps/console/src/pages/__generated__/VendorListPageCreateVendorMutation.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorListPageCreateVendorMutation.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorListPageDeleteVendorMutation.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorListPageDeleteVendorMutation.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorListPagePaginationQuery.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorListPagePaginationQuery.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorListPageQuery.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorListPageQuery.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorListPage_vendors.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorListPage_vendors.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorOverviewPageQuery.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorOverviewPageQuery.graphql.ts generated vendored
View File

0
apps/console/src/pages/__generated__/VendorOverviewPageUpdateVendorMutation.graphql.ts → apps/console/src/pages/organizations/vendors/__generated__/VendorOverviewPageUpdateVendorMutation.graphql.ts generated vendored
View File