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

Rename frameworks page

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-02-12 09:31:25 -08:00
parent b6ad7c9252
commit a3056fabd5
3 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,7 +25,7 @@ const HomePage = lazy(() => import("./pages/HomePage"));
const NotFoundPage = lazy(() => import("./pages/NotFoundPage"));
const PeopleListPage = lazy(() => import("./pages/PeopleListPage"));
const VendorListPage = lazy(() => import("./pages/VendorListPage"));
const FrameworksPage = lazy(() => import("./pages/FrameworksPage"));
const FrameworkListPage = lazy(() => import("./pages/FrameworkListPage"));
const FrameworkOverviewPage = lazy(() => import("./pages/FrameworkOverviewPage"));
const VendorOverviewPage = lazy(() => import("./pages/VendorOverviewPage"));
@@ -83,6 +83,7 @@ function App() {
<ErrorBoundary>
<FrameworksPage />
</ErrorBoundary>
<FrameworkListPage />
</Suspense>
}
/>

22
apps/console/src/pages/FrameworksPage.tsx → apps/console/src/pages/FrameworkListPage.tsx
View File

@@ -9,10 +9,10 @@ import { Globe2, CheckCircle } from "lucide-react";
import { Card, CardContent } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { Link } from "react-router";
import type { FrameworksPageQuery as FrameworksPageQueryType } from "./__generated__/FrameworksPageQuery.graphql";
import type { FrameworkListPageQuery as FrameworkListPageQueryType } from "./__generated__/FrameworkListPageQuery.graphql";
const FrameworksPageQuery = graphql`
query FrameworksPageQuery {
const FrameworkListPageQuery = graphql`
query FrameworkListPageQuery {
node(id: "AZSfP_xAcAC5IAAAAAAltA") {
id
... on Organization {
@@ -40,12 +40,12 @@ const FrameworksPageQuery = graphql`
}
`;
function FrameworksPageContent({
function FrameworkListPageContent({
queryRef,
}: {
queryRef: PreloadedQuery<FrameworksPageQueryType>;
queryRef: PreloadedQuery<FrameworkListPageQueryType>;
}) {
const data = usePreloadedQuery(FrameworksPageQuery, queryRef);
const data = usePreloadedQuery(FrameworkListPageQuery, queryRef);
const frameworks = data.node.frameworks?.edges.map(edge => edge?.node) ?? [];
return (
@@ -92,7 +92,7 @@ function FrameworksPageContent({
);
}
function FrameworksPageFallback() {
function FrameworkListPageFallback() {
return (
<div className="min-h-screen bg-background p-6">
<div className="mb-8">
@@ -117,16 +117,16 @@ function FrameworksPageFallback() {
);
}
export default function FrameworksPage() {
const [queryRef, loadQuery] = useQueryLoader<FrameworksPageQueryType>(FrameworksPageQuery);
export default function FrameworkListPage() {
const [queryRef, loadQuery] = useQueryLoader<FrameworkListPageQueryType>(FrameworkListPageQuery);
useEffect(() => {
loadQuery({});
}, [loadQuery]);
return (
<Suspense fallback={<FrameworksPageFallback />}>
{queryRef && <FrameworksPageContent queryRef={queryRef} />}
<Suspense fallback={<FrameworkListPageFallback />}>
{queryRef && <FrameworkListPageContent queryRef={queryRef} />}
</Suspense>
);
}

24
apps/console/src/pages/__generated__/FrameworksPageQuery.graphql.ts → apps/console/src/pages/__generated__/FrameworkListPageQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<3bb5a1a7f62542ace96a9f256dada04e>>
* @generated SignedSource<<87f0a667163355b6f7d273a71aa65a93>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -10,8 +10,8 @@
import { ConcreteRequest } from 'relay-runtime';
export type ControlState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
export type FrameworksPageQuery$variables = Record<PropertyKey, never>;
export type FrameworksPageQuery$data = {
export type FrameworkListPageQuery$variables = Record<PropertyKey, never>;
export type FrameworkListPageQuery$data = {
readonly node: {
readonly frameworks?: {
readonly edges: ReadonlyArray<{
@@ -35,9 +35,9 @@ export type FrameworksPageQuery$data = {
readonly id: string;
};
};
export type FrameworksPageQuery = {
response: FrameworksPageQuery$data;
variables: FrameworksPageQuery$variables;
export type FrameworkListPageQuery = {
response: FrameworkListPageQuery$data;
variables: FrameworkListPageQuery$variables;
};
const node: ConcreteRequest = (function(){
@@ -170,7 +170,7 @@ return {
"argumentDefinitions": [],
"kind": "Fragment",
"metadata": null,
"name": "FrameworksPageQuery",
"name": "FrameworkListPageQuery",
"selections": [
{
"alias": null,
@@ -193,7 +193,7 @@ return {
"operation": {
"argumentDefinitions": [],
"kind": "Operation",
"name": "FrameworksPageQuery",
"name": "FrameworkListPageQuery",
"selections": [
{
"alias": null,
@@ -218,16 +218,16 @@ return {
]
},
"params": {
"cacheID": "1c8d130ae8ef94afc7a59fae8ac71e39",
"cacheID": "b9f11bd39a99da4a1693b67c60a85845",
"id": null,
"metadata": {},
"name": "FrameworksPageQuery",
"name": "FrameworkListPageQuery",
"operationKind": "query",
"text": "query FrameworksPageQuery {\n node(id: \"AZSfP_xAcAC5IAAAAAAltA\") {\n __typename\n id\n ... on Organization {\n frameworks {\n edges {\n node {\n id\n name\n description\n controls {\n edges {\n node {\n id\n state\n }\n }\n }\n createdAt\n updatedAt\n }\n }\n }\n }\n }\n}\n"
"text": "query FrameworkListPageQuery {\n node(id: \"AZSfP_xAcAC5IAAAAAAltA\") {\n __typename\n id\n ... on Organization {\n frameworks {\n edges {\n node {\n id\n name\n description\n controls {\n edges {\n node {\n id\n state\n }\n }\n }\n createdAt\n updatedAt\n }\n }\n }\n }\n }\n}\n"
}
};
})();
(node as any).hash = "fda9662b311a83b144af3c11c573d634";
(node as any).hash = "cc761cbab629daf0587a9befff255256";
export default node;