@@ -22,10 +22,10 @@ import {
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Progress } from "@/components/ui/progress";
|
||||
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
||||
import type { FrameworkPageQuery as FrameworkPageQueryType } from "./__generated__/FrameworkPageQuery.graphql";
|
||||
import type { FrameworkOverviewPageQuery as FrameworkOverviewPageQueryType } from "./__generated__/FrameworkOverviewPageQuery.graphql";
|
||||
|
||||
const FrameworkPageQuery = graphql`
|
||||
query FrameworkPageQuery($frameworkId: ID!) {
|
||||
const FrameworkOverviewPageQuery = graphql`
|
||||
query FrameworkOverviewPageQuery($frameworkId: ID!) {
|
||||
node(id: $frameworkId) {
|
||||
id
|
||||
... on Framework {
|
||||
@@ -46,12 +46,12 @@ const FrameworkPageQuery = graphql`
|
||||
}
|
||||
`;
|
||||
|
||||
function FrameworkPageContent({
|
||||
function FrameworkOverviewPageContent({
|
||||
queryRef,
|
||||
}: {
|
||||
queryRef: PreloadedQuery<FrameworkPageQueryType>;
|
||||
queryRef: PreloadedQuery<FrameworkOverviewPageQueryType>;
|
||||
}) {
|
||||
const data = usePreloadedQuery(FrameworkPageQuery, queryRef);
|
||||
const data = usePreloadedQuery(FrameworkOverviewPageQuery, queryRef);
|
||||
const framework = data.node;
|
||||
const controls = framework.controls?.edges.map(edge => edge?.node) ?? [];
|
||||
|
||||
@@ -164,7 +164,7 @@ function FrameworkPageContent({
|
||||
);
|
||||
}
|
||||
|
||||
function FrameworkPageFallback() {
|
||||
function FrameworkOverviewPageFallback() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background p-6">
|
||||
<div className="mb-8">
|
||||
@@ -189,17 +189,17 @@ function FrameworkPageFallback() {
|
||||
);
|
||||
}
|
||||
|
||||
export default function FrameworkPage() {
|
||||
export default function FrameworkOverviewPage() {
|
||||
const { frameworkId } = useParams();
|
||||
const [queryRef, loadQuery] = useQueryLoader<FrameworkPageQueryType>(FrameworkPageQuery);
|
||||
const [queryRef, loadQuery] = useQueryLoader<FrameworkOverviewPageQueryType>(FrameworkOverviewPageQuery);
|
||||
|
||||
useEffect(() => {
|
||||
loadQuery({ frameworkId });
|
||||
}, [loadQuery, frameworkId]);
|
||||
|
||||
return (
|
||||
<Suspense fallback={<FrameworkPageFallback />}>
|
||||
{queryRef && <FrameworkPageContent queryRef={queryRef} />}
|
||||
<Suspense fallback={<FrameworkOverviewPageFallback />}>
|
||||
{queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* @generated SignedSource<<51618c4ff52c6da6eb39cc0756d037e4>>
|
||||
* @generated SignedSource<<f9715593419cda898b34a0056729d77c>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
@@ -10,10 +10,10 @@
|
||||
|
||||
import { ConcreteRequest } from 'relay-runtime';
|
||||
export type ControlState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
|
||||
export type FrameworkPageQuery$variables = {
|
||||
export type FrameworkOverviewPageQuery$variables = {
|
||||
frameworkId: string;
|
||||
};
|
||||
export type FrameworkPageQuery$data = {
|
||||
export type FrameworkOverviewPageQuery$data = {
|
||||
readonly node: {
|
||||
readonly controls?: {
|
||||
readonly edges: ReadonlyArray<{
|
||||
@@ -30,9 +30,9 @@ export type FrameworkPageQuery$data = {
|
||||
readonly name?: string;
|
||||
};
|
||||
};
|
||||
export type FrameworkPageQuery = {
|
||||
response: FrameworkPageQuery$data;
|
||||
variables: FrameworkPageQuery$variables;
|
||||
export type FrameworkOverviewPageQuery = {
|
||||
response: FrameworkOverviewPageQuery$data;
|
||||
variables: FrameworkOverviewPageQuery$variables;
|
||||
};
|
||||
|
||||
const node: ConcreteRequest = (function(){
|
||||
@@ -128,7 +128,7 @@ return {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "FrameworkPageQuery",
|
||||
"name": "FrameworkOverviewPageQuery",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
@@ -151,7 +151,7 @@ return {
|
||||
"operation": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Operation",
|
||||
"name": "FrameworkPageQuery",
|
||||
"name": "FrameworkOverviewPageQuery",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
@@ -176,16 +176,16 @@ return {
|
||||
]
|
||||
},
|
||||
"params": {
|
||||
"cacheID": "20c37c26ec0c229a526ba1f84a0bb22e",
|
||||
"cacheID": "4190ee685492e95820ecb106f2dc7e3c",
|
||||
"id": null,
|
||||
"metadata": {},
|
||||
"name": "FrameworkPageQuery",
|
||||
"name": "FrameworkOverviewPageQuery",
|
||||
"operationKind": "query",
|
||||
"text": "query FrameworkPageQuery(\n $frameworkId: ID!\n) {\n node(id: $frameworkId) {\n __typename\n id\n ... on Framework {\n name\n description\n controls {\n edges {\n node {\n id\n name\n description\n state\n }\n }\n }\n }\n }\n}\n"
|
||||
"text": "query FrameworkOverviewPageQuery(\n $frameworkId: ID!\n) {\n node(id: $frameworkId) {\n __typename\n id\n ... on Framework {\n name\n description\n controls {\n edges {\n node {\n id\n name\n description\n state\n }\n }\n }\n }\n }\n}\n"
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "c018807d1942d694eceae254a3078c4d";
|
||||
(node as any).hash = "25fb6b72c598d19767825ac648654fcf";
|
||||
|
||||
export default node;
|
||||
Reference in New Issue
Block a user