diff --git a/apps/console/src/App.tsx b/apps/console/src/App.tsx index c3a3f8f64..f13e77a12 100644 --- a/apps/console/src/App.tsx +++ b/apps/console/src/App.tsx @@ -23,7 +23,7 @@ posthog.init(process.env.POSTHOG_KEY!, { const HomePage = lazy(() => import("./pages/HomePage")); const NotFoundPage = lazy(() => import("./pages/NotFoundPage")); -const PeoplesPage = lazy(() => import("./pages/PeoplesPage")); +const PeopleListPage = lazy(() => import("./pages/PeopleListPage")); const VendorListPage = lazy(() => import("./pages/VendorListPage")); const FrameworksPage = lazy(() => import("./pages/FrameworksPage")); const FrameworkOverviewPage = lazy(() => import("./pages/FrameworkOverviewPage")); @@ -61,7 +61,7 @@ function App() { element={ - + } diff --git a/apps/console/src/pages/PeoplesPage.tsx b/apps/console/src/pages/PeopleListPage.tsx similarity index 85% rename from apps/console/src/pages/PeoplesPage.tsx rename to apps/console/src/pages/PeopleListPage.tsx index b292326a1..284440c46 100644 --- a/apps/console/src/pages/PeoplesPage.tsx +++ b/apps/console/src/pages/PeopleListPage.tsx @@ -8,10 +8,10 @@ import { import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Badge } from "@/components/ui/badge"; import { CircleUser, Globe, Shield } from "lucide-react"; -import type { PeoplesPageQuery as PeoplesPageQueryType } from "./__generated__/PeoplesPageQuery.graphql"; +import type { PeopleListPageQuery as PeopleListPageQueryType } from "./__generated__/PeopleListPageQuery.graphql"; -const PeoplesPageQuery = graphql` - query PeoplesPageQuery { +const PeopleListPageQuery = graphql` + query PeopleListPageQuery { node(id: "AZSfP_xAcAC5IAAAAAAltA") { id ... on Organization { @@ -32,12 +32,12 @@ const PeoplesPageQuery = graphql` } `; -function PeoplesPageContent({ +function PeopleListPageContent({ queryRef, }: { - queryRef: PreloadedQuery; + queryRef: PreloadedQuery; }) { - const data = usePreloadedQuery(PeoplesPageQuery, queryRef); + const data = usePreloadedQuery(PeopleListPageQuery, queryRef); const peoples = data.node.peoples?.edges.map(edge => edge?.node) ?? []; return ( @@ -83,7 +83,7 @@ function PeoplesPageContent({ ); } -function PeoplesPageFallback() { +function PeopleListPageFallback() { return (
@@ -119,20 +119,20 @@ function PeoplesPageFallback() { ); } -export default function PeoplesPage() { - const [queryRef, loadQuery] = useQueryLoader(PeoplesPageQuery); +export default function PeopleListPage() { + const [queryRef, loadQuery] = useQueryLoader(PeopleListPageQuery); useEffect(() => { loadQuery({}); }, [loadQuery]); if (!queryRef) { - return ; + return ; } return ( - }> - + }> + ); } \ No newline at end of file diff --git a/apps/console/src/pages/__generated__/PeoplesPageQuery.graphql.ts b/apps/console/src/pages/__generated__/PeopleListPageQuery.graphql.ts similarity index 82% rename from apps/console/src/pages/__generated__/PeoplesPageQuery.graphql.ts rename to apps/console/src/pages/__generated__/PeopleListPageQuery.graphql.ts index 9c82e3f56..9f1f162b1 100644 --- a/apps/console/src/pages/__generated__/PeoplesPageQuery.graphql.ts +++ b/apps/console/src/pages/__generated__/PeopleListPageQuery.graphql.ts @@ -1,5 +1,5 @@ /** - * @generated SignedSource<> + * @generated SignedSource<<2ba907db688f627158201c0998785612>> * @lightSyntaxTransform * @nogrep */ @@ -9,8 +9,8 @@ // @ts-nocheck import { ConcreteRequest } from 'relay-runtime'; -export type PeoplesPageQuery$variables = Record; -export type PeoplesPageQuery$data = { +export type PeopleListPageQuery$variables = Record; +export type PeopleListPageQuery$data = { readonly node: { readonly id: string; readonly peoples?: { @@ -27,9 +27,9 @@ export type PeoplesPageQuery$data = { }; }; }; -export type PeoplesPageQuery = { - response: PeoplesPageQuery$data; - variables: PeoplesPageQuery$variables; +export type PeopleListPageQuery = { + response: PeopleListPageQuery$data; + variables: PeopleListPageQuery$variables; }; const node: ConcreteRequest = (function(){ @@ -128,7 +128,7 @@ return { "argumentDefinitions": [], "kind": "Fragment", "metadata": null, - "name": "PeoplesPageQuery", + "name": "PeopleListPageQuery", "selections": [ { "alias": null, @@ -151,7 +151,7 @@ return { "operation": { "argumentDefinitions": [], "kind": "Operation", - "name": "PeoplesPageQuery", + "name": "PeopleListPageQuery", "selections": [ { "alias": null, @@ -176,16 +176,16 @@ return { ] }, "params": { - "cacheID": "98a9fdbb092f803bd997c417aed8b9a4", + "cacheID": "ce78c7ac266c38015ae2d44366f19579", "id": null, "metadata": {}, - "name": "PeoplesPageQuery", + "name": "PeopleListPageQuery", "operationKind": "query", - "text": "query PeoplesPageQuery {\n node(id: \"AZSfP_xAcAC5IAAAAAAltA\") {\n __typename\n id\n ... on Organization {\n peoples {\n edges {\n node {\n id\n fullName\n primaryEmailAddress\n additionalEmailAddresses\n createdAt\n updatedAt\n }\n }\n }\n }\n }\n}\n" + "text": "query PeopleListPageQuery {\n node(id: \"AZSfP_xAcAC5IAAAAAAltA\") {\n __typename\n id\n ... on Organization {\n peoples {\n edges {\n node {\n id\n fullName\n primaryEmailAddress\n additionalEmailAddresses\n createdAt\n updatedAt\n }\n }\n }\n }\n }\n}\n" } }; })(); -(node as any).hash = "72495143e41518eb0c6bc2e1af81bded"; +(node as any).hash = "a3892026d3bf2753f6d1ff00ddf0526c"; export default node;