make a new page

Author: jderochervlk

data/sidebar_community.json

@@ -1,8 +1,9 @@
 {
   "Resources": [
     "overview",
+    "content",
     "roadmap",
     "code-of-conduct",
     "translations"
   ]
-}
+}

pages/community/content.js

@@ -0,0 +1,5 @@
+import CommunityContent from 'src/CommunityContent.mjs';
+
+export default function Content(props) {
+    return <CommunityContent {...props} />
+}

pages/community/overview.mdx

@@ -4,9 +4,7 @@ description: "Community Resources Overview"
 canonical: "/community/overview"
 ---
 
-import CommunityResources from "src/components/CommunityResources";
-
-# Community
+# Community Overview
 
 ## Official Channels
 
@@ -21,9 +19,6 @@ News are broadcasted on this site's blog, on Bluesky and X. Some extra, less imp
 
 **We don't use any other channel to communicate officially**. Any announcement made by users on Reddit, Discord, Medium and others don't necessarily represent our intent.
 
-## Community Resources
-<CommunityResources />
-
 ## Questions
 
 Your questions can go on:

src/components/CommunityResources.res renamed to src/CommunityContent.res

@@ -5,7 +5,7 @@ type link = {
   image: string,
 }
 
-@module("../../data/resources.json")
+@module("../data/resources.json")
 external resources: array<link> = "default"
 
 let simplifyUrl = url =>
@@ -37,33 +37,17 @@ module LinkCard = {
 module LinkCards = {
   @react.component
   let make = () => {
-    let (seeAll, setSeeAll) = React.useState(() => false)
-    <>
-      <div className="grid md:grid-cols-2 gap-6">
-        {switch seeAll {
-        | true => resources
-        | false => resources->Array.slice(~start=0, ~end=6)
+    <div className="grid md:grid-cols-2 gap-6">
+      {resources
+      ->Array.map(link =>
+        switch link.image {
+        | "" => {...link, image: "/static/Art-3-rescript-launch.jpg"}
+        | _ => link
         }
-        ->Array.map(link =>
-          switch link.image {
-          | "" => {...link, image: "/static/Art-3-rescript-launch.jpg"}
-          | _ => link
-          }
-        )
-        ->Array.map(link => <LinkCard link key=link.title />)
-        ->React.array}
-      </div>
-      <div className="w-full flex justify-center mt-10">
-        <Button onClick={_ => setSeeAll(prev => !prev)}>
-          {React.string(
-            switch seeAll {
-            | true => "See less"
-            | false => "See all"
-            },
-          )}
-        </Button>
-      </div>
-    </>
+      )
+      ->Array.map(link => <LinkCard link key=link.title />)
+      ->React.array}
+    </div>
   }
 }