feat: fix using example workspaces and scope (#3329)

anvilproject · Dec 9, 2024 · 27f38bd · 27f38bd
1 parent 00c1a81
commit 27f38bd
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 28 deletions.
diff --git a/components/Learn/components/Workspaces/contants.ts b/components/Learn/components/Workspaces/contants.ts
@@ -0,0 +1,8 @@
+import { Grid2Props } from "@mui/material";
+
+export const GRID2_PROPS: Grid2Props = {
+  columnGap: 4,
+  container: true,
+  direction: "column",
+  sx: { my: 6 },
+};
diff --git a/components/Learn/components/Workspaces/workspaces.tsx b/components/Learn/components/Workspaces/workspaces.tsx
@@ -0,0 +1,14 @@
+import { CARDS as WORKSPACES } from "../../../Home/components/Section/components/SectionWorkspaces/common/content";
+import { Card } from "../../../Home/components/Section/components/SectionWorkspaces/components/Workspaces/components/Card/card";
+import { Grid2 } from "@mui/material";
+import { GRID2_PROPS } from "./contants";
+
+export const Workspaces = (): JSX.Element => {
+  return (
+    <Grid2 {...GRID2_PROPS} sx={{ gap: 4, my: 6 }}>
+      {WORKSPACES.map((card, index) => (
+        <Card key={index} card={card} />
+      ))}
+    </Grid2>
+  );
+};
diff --git a/components/index.tsx b/components/index.tsx
@@ -41,7 +41,6 @@ export { Resources } from "./Consortia/CSER/components/Resources/resources";
 export { Card as EventCard } from "./Events/components/Card/card";
 export { EventsHero } from "./Events/components/EventsHero/eventsHero";
 export { Events } from "./Events/events";
-export { Card as WorkspaceCard } from "./Home/components/Section/components/SectionWorkspaces/components/Workspaces/components/Card/card";
 export { ANVILBranding } from "./Layout/components/Footer/components/Branding/components/ANVILBranding/anvilBranding";
 export { Actions } from "./Layout/components/Header/components/Actions/actions";
 export { LabelIconMenuItem } from "./Layout/components/Header/components/Content/components/Navigation/components/NavigationMenuItems/components/LabelIconMenuItem/labelIconMenuItem";
@@ -51,3 +50,4 @@ export { News } from "./News/news";
 export { Grid as AnalysisPortals } from "./Overview/components/AnalysisPortals/analysisPortals.styles";
 export { Button as ButtonAddPublication } from "./Overview/components/Publications/components/Button/button";
 export { Publications as AnVILPublications } from "./Overview/components/Publications/publications";
+export { Workspaces } from "./Learn/components/Workspaces/workspaces";
diff --git a/docs/common/constants.ts b/docs/common/constants.ts
@@ -4,9 +4,7 @@ import { Link } from "../../components/common/Link/link";
 import { Table } from "../../components/common/Table/table";
 import DataIngestionChart from "../../components/Consortia/CSER/components/DataIngestionChart/dataIngestionChart";
 import { PUBLICATION_CATEGORY } from "../../components/Home/components/Section/components/SectionPublications/common/entities";
-import { CARDS as WORKSPACE_CARDS } from "../../components/Home/components/Section/components/SectionWorkspaces/common/content";
 import { ROUTES } from "../../routes/constants";
-import { getContentScope } from "./scope";
 
 export const DOC_SITE_FOLDER_NAME = "docs";
 
@@ -45,15 +43,13 @@ export const MDX_COMPONENTS = {
   Subheader: C.Subheader,
   TextBodyLarge500: C.TextBodyLarge500,
   Video: C.Video,
-  WorkspaceCard: C.WorkspaceCard,
+  Workspaces: C.Workspaces,
   a: Link,
   table: Table,
 };
 
 export const MDX_SCOPE = {
-  ...getContentScope(),
   ANCHOR_TARGET,
   PUBLICATION_CATEGORY,
   ROUTES,
-  workspaces: WORKSPACE_CARDS,
 };
diff --git a/docs/common/scope.ts b/docs/common/scope.ts
diff --git a/docs/consortia/cser.mdx b/docs/consortia/cser.mdx
@@ -20,7 +20,7 @@ Prioritizing engagement of traditionally underrepresented populations in genomic
 
 ## CSER Workspaces
 
-Please see the <Link label="AnVIL Dataset Catalog" url={`${portalURL}/data/consortia/CSER/workspaces`} /> for the list of CSER Workspaces on AnVIL.
+Please see the [AnVIL Dataset Catalog]({portalURL}/data/consortia/CSER/workspaces) for the list of CSER Workspaces on AnVIL.
 
 ## CSER diversity & inclusion statement
 

diff --git a/docs/learn/analysis-workflows/using-example-workspaces.mdx b/docs/learn/analysis-workflows/using-example-workspaces.mdx
@@ -20,11 +20,7 @@ The example workspaces listed below may be viewed with only a Terra account. To
 
 ## Featured Example Workspaces
 
-<Grid gridSx={{ gap: 4, my: 6 }}>
-  {workspaces.map((card, index) => (
-    <WorkspaceCard key={index} card={card} />
-  ))}
-</Grid>
+<Workspaces />
 
 ## Additional Example Workspaces