From d2923b29cfdb0cd41ca7f196bc604eea5c47a0f8 Mon Sep 17 00:00:00 2001
From: Milos Lekovic <milos@yuki.wtf>
Date: Mon, 26 Jun 2023 19:22:44 +0200
Subject: [PATCH] Adding roadmap post specific info

---
 .../roadmap/[slug]/(components)/RoadmapPost.tsx      |  8 ++++----
 .../cms-config/src/collections/announcements.ts      |  4 ++--
 .../cms-config/src/collections/roadmapPosts.ts       | 12 ++++++++++--
 workspaces/cms-data/src/roadmap.ts                   |  1 +
 workspaces/cms-scripts/src/data.ts                   |  2 ++
 5 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/app/[locale]/roadmap/[slug]/(components)/RoadmapPost.tsx b/src/app/[locale]/roadmap/[slug]/(components)/RoadmapPost.tsx
index ed1b4143e9..8188e7f11c 100644
--- a/src/app/[locale]/roadmap/[slug]/(components)/RoadmapPost.tsx
+++ b/src/app/[locale]/roadmap/[slug]/(components)/RoadmapPost.tsx
@@ -31,8 +31,8 @@ interface KeyValuePairs {
 }
 
 const stages: KeyValuePairs = {
-  "building-now": "Building Now",
-  "building-next": "Building Next",
+  "building-now": "Building now",
+  "building-next": "Building next",
   "backlog": "Backlog",
 };
 
@@ -122,10 +122,10 @@ export default function RoadmapPost({
             {roadmapPost.title}
           </Heading>
           <Text variant="cardBody" mt="6"><strong>STAGE:</strong> {stages[roadmapPost?.stage]}</Text>
-          <Heading variant="h4" mt="24px" mb="2rem" fontSize="sm">
+          <Heading variant="h4" mt="24px" mb="32px" fontSize="sm">
             {roadmapPost.availability}
           </Heading>
-          {roadmapPost?.state ? <Text mb="2" mt="-24px" display="inline-flex" alignItems="center" variant="cardBody" color="roadmap-availability-state-fg" height="32px" borderRadius="5px" padding="4px 12px" borderWidth="1px" borderStyle="solid" borderColor="roadmap-card-border-color" bg="roadmap-card-tag-bg">{roadmapPost?.state}<Box display="inline-block" bg={roadmapPost?.state === "on testnet" ? "#00815C" : "#EF5600"} borderRadius="50%" width="14px" height="14px" ml="2"></Box></Text> : null}
+          {roadmapPost?.state ? <><Text mb="2" mt="-24px" display="inline-flex" alignItems="center" variant="cardBody" color="roadmap-availability-state-fg" height="32px" borderRadius="5px" padding="4px 12px" borderWidth="1px" borderStyle="solid" borderColor="roadmap-card-border-color" bg="roadmap-card-tag-bg">{roadmapPost?.state}<Box display="inline-block" bg={roadmapPost?.state === "on testnet" ? "#00815C" : "#EF5600"} borderRadius="50%" width="14px" height="14px" ml="2"></Box></Text>{roadmapPost?.specific_info ? <Text variant="cardBody" ml="1">{roadmapPost?.specific_info}</Text> : null}</> : null}
           <Divider mt="8px" mb="32px" />
           <Flex direction="column" gap="32px">
             {roadmapPost.blocks?.map((block, i) => (
diff --git a/workspaces/cms-config/src/collections/announcements.ts b/workspaces/cms-config/src/collections/announcements.ts
index 4f2f8322d9..6ec4759da6 100644
--- a/workspaces/cms-config/src/collections/announcements.ts
+++ b/workspaces/cms-config/src/collections/announcements.ts
@@ -43,11 +43,11 @@ export const announcementsCollectionConfig = {
       widget: "select",
       options: [
         {
-          label: "Building Now",
+          label: "Building now",
           value: "building-now",
         },
         {
-          label: "Building Next",
+          label: "Building next",
           value: "building-next",
         },
         {
diff --git a/workspaces/cms-config/src/collections/roadmapPosts.ts b/workspaces/cms-config/src/collections/roadmapPosts.ts
index 84dad9aacf..b87256a966 100644
--- a/workspaces/cms-config/src/collections/roadmapPosts.ts
+++ b/workspaces/cms-config/src/collections/roadmapPosts.ts
@@ -5,12 +5,12 @@ import { AiOutlineAppstore } from "react-icons/ai";
 
 export const roadmapStagesFields = [
   {
-    label: "Building Now",
+    label: "Building now",
     value: "building-now",
     icon: BiWrench
   },
   {
-    label: "Building Next",
+    label: "Building next",
     value: "building-next",
     icon: BiBullseye
   },
@@ -75,6 +75,14 @@ export const roadmapPostsCollectionConfig = {
       ],
       required: false,
     },
+    {
+      name: "specific_info",
+      label: "Specific info",
+      widget: "string",
+      required: false,
+      index_file: "",
+      meta: false
+    },
     {
       name: "version",
       label: "Version",
diff --git a/workspaces/cms-data/src/roadmap.ts b/workspaces/cms-data/src/roadmap.ts
index d667647ef9..9f92c7a60f 100644
--- a/workspaces/cms-data/src/roadmap.ts
+++ b/workspaces/cms-data/src/roadmap.ts
@@ -11,6 +11,7 @@ export interface RoadmapPost extends Meta {
   readonly version: string;
   readonly stage: string;
   readonly availability: string;
+  readonly specific_info?: string;
   readonly state?: string;
   readonly blocks: readonly TopLevelBlock[];
 }
diff --git a/workspaces/cms-scripts/src/data.ts b/workspaces/cms-scripts/src/data.ts
index 441fa5156f..251f07ed41 100644
--- a/workspaces/cms-scripts/src/data.ts
+++ b/workspaces/cms-scripts/src/data.ts
@@ -42,6 +42,7 @@ export interface RoadmapPost extends Meta {
   readonly version: string;
   readonly stage: string;
   readonly availability: string;
+  readonly specific_info?: string;
   readonly state?: string;
   blocks: readonly any[];
 }
@@ -160,6 +161,7 @@ export async function fileToRoadmapPost(
     image: data.image,
     version: data.version,
     availability: data.availability,
+    specific_info: data.specific_info,
     state: data.state,
     stage: data.stage,
     blocks: data.blocks ?? [],