getting close

Author: jderochervlk

app/routes/BlogRoute.res

@@ -8,7 +8,8 @@ let loader: ReactRouter.Loader.t<loaderData> = async ({request}) => {
   let posts: array<BlogApi.post> = (await posts())->Array.filter(post => {
     post.archived == showArchived
   })
-  let data = {posts, category: All}
+  let data = {posts, category: showArchived ? Archived : All}
+
   data
 }
 

app/routes/MdxRoute.res

@@ -6,7 +6,6 @@ type loaderData = {
   categories: array<SidebarLayout.Sidebar.Category.t>,
   entries: array<TableOfContents.entry>,
   blogPost?: BlogApi.post,
-  resources?: array<CommunityContent.link>,
 }
 
 /**
@@ -121,15 +120,14 @@ let communityTableOfContents = async () => {
     ->groupBySection
     ->Dict.mapValues(values => values->sortSection->convertToNavItems("/community"))
 
+  Console.log(groups)
+
   // these are the categories that appear in the sidebar
   let categories: array<SidebarLayout.Sidebar.Category.t> = getAllGroups(groups, ["Resources"])
 
   categories
 }
 
-@module("../../data/resources.json")
-external resources: array<CommunityContent.link> = "default"
-
 let loader: Loader.t<loaderData> = async ({request}) => {
   let {pathname} = WebAPI.URL.make(~url=request.url)
 
@@ -193,7 +191,6 @@ let loader: Loader.t<loaderData> = async ({request}) => {
       attributes: mdx.attributes,
       entries,
       categories,
-      resources,
     }
 
     res
@@ -224,15 +221,13 @@ let default = () => {
         (pathname :> string)->String.includes("docs/react")
     ) {
       <DocsLayout metaTitleCategory categories activeToc={title: "Introduction", entries}>
-        <div className="markdown-body"> {component()} </div>
+        <di1v className="markdown-body"> {component()} </di1v>
       </DocsLayout>
     } else if (pathname :> string)->String.includes("community") {
-      let resources = loaderData.resources->Option.getOr([])
       <div>
-        <SidebarLayout.Sidebar
-          categories={categories} isOpen={true} route={pathname} toggle={() => ()}
-        />
-        <div className="markdown-body"> {component()} </div>
+        <CommunityLayout categories entries>
+          <div className="markdown-body"> {component()} </div>
+        </CommunityLayout>
       </div>
     } else {
       switch loaderData.blogPost {

app/routes/MdxRoute.resi

@@ -3,7 +3,6 @@ type loaderData = {
   categories: array<SidebarLayout.Sidebar.Category.t>,
   entries: array<TableOfContents.entry>,
   blogPost?: BlogApi.post,
-  resources?: array<CommunityContent.link>,
 }
 
 let loader: ReactRouter.Loader.t<loaderData>

community/code-of-conduct.mdx

@@ -3,6 +3,7 @@ title: "Code of Conduct"
 description: "Our working codex for the ReScript community"
 canonical: "/community/code-of-conduct"
 section: "Resources"
+order: 4
 ---
 
 # Code of Conduct

community/content.mdx

@@ -3,8 +3,7 @@ title: "Content"
 description: "Community Content"
 canonical: "/community/content"
 section: "Resources"
+order: 2
 ---
 
-import CommunityContent from "src/CommunityContent.mjs";
-
 <CommunityContent />

community/overview.mdx

@@ -3,6 +3,7 @@ title: "Overview"
 description: "Community Resources Overview"
 canonical: "/community/overview"
 section: "Resources"
+order: 1
 ---
 
 # Community Overview

community/roadmap.mdx

@@ -3,6 +3,7 @@ title: "Roadmap"
 description: "Goals & Future Releases"
 canonical: "/community/roadmap"
 section: "Resources"
+order: 3
 ---
 
 # Roadmap

community/translations.mdx

@@ -3,6 +3,7 @@ title: "Translations"
 description: "Translation Sites"
 canonical: "/community/translation"
 section: "Resources"
+order: 5
 ---
 
 # Translations