add data to data-exporter

Author: tkokhing

src/app/_components/language_handler/language-display.tsx

@@ -5,15 +5,15 @@ import LanguageSwitcher from "@/app/_components/language_handler/language-switch
 import { useLanguage } from "@/app/_components/language_handler/language-provider";
 
 type LanguageChoiceProps = {
-  components: {
+  LanguageChoice: {
     en: ElementType;
     zh: ElementType;
   };
 };
 
-export default function DisplayLanguageContent({ components }: LanguageChoiceProps) {
+export default function DisplayLanguageContent({ LanguageChoice }: LanguageChoiceProps) {
   const { language } = useLanguage();
-  const DisplayContent = language === 'en' ? components.en:components.zh;
+  const DisplayContent = language === 'en' ? LanguageChoice.en:LanguageChoice.zh;
 
   return( 
     <div>

src/app/_components/post_gen/post-body-client.tsx

@@ -9,12 +9,14 @@ export default function PostBodyClient({ children }: { children: React.ReactNode
     <div className={
       `mx-auto prose prose-${fontSize}
       prose-headings:text-zinc-800 dark:prose-headings:text-slate-400
-      prose-a:text-blue-600 dark:prose-a:text-blue-300
-      prose-p:text-indigo-950 dark:prose-p:text-slate-50
-      prose-strong:text-zinc-500 dark:prose-strong:text-tkokhing-dark 
-      prose-em:text-zinc-500 dark:prose-em:text-violet-100 
+      prose-a:text-blue-800 dark:prose-a:text-blue-300
+      prose-p:text-zinc-700 dark:prose-p:text-zinc-300
+      prose-strong:text-stone-800 dark:prose-strong:text-sky-100
+      prose-strong:font-extrabold 
+      prose-em:text-sky-900 dark:prose-em:text-violet-100
+      prose-em:font-extrabold 
       prose-ul:text-gray-600 dark:prose-ul:text-slate-300
-      prose-table:text-indigo-950 dark:prose-table:text-slate-50        
+      prose-table:text-zinc-700 dark:prose-table:text-zinc-300        
       `}>
         {children}
     </div>

src/app/_components/preference/data-exporter.tsx

@@ -6,13 +6,19 @@ import enFrontierData from '@/lib/_data_exporter/frontier_data_en.mdx';
 import zhFrontierData from '@/lib/_data_exporter/frontier_data_zh.mdx';
 import enCyberDomainData from '@/lib/_data_exporter/strategic_cyber_domains_en.mdx';
 import zhCyberDomainData from '@/lib/_data_exporter/strategic_cyber_domains_zh.mdx';
+import enBlueprintBattlefieldDataData from '@/lib/_data_exporter/blueprint_to_battlefield_en.mdx';
+import zhBlueprintBattlefieldDataData from '@/lib/_data_exporter/blueprint_to_battlefield_zh.mdx';
 
-import DisplayLanguageContent from '../language_handler/language-display';
+import DisplayLanguageContent from '@/app/_components/language_handler/language-display';
 
 export const FrontierData = () => {
-  return <DisplayLanguageContent components={{ en: enFrontierData, zh: zhFrontierData }}/>
+  return <DisplayLanguageContent LanguageChoice={{ en: enFrontierData, zh: zhFrontierData }}/>
 }
 
 export const CyberDomainData = () => {
-  return <DisplayLanguageContent components={{ en: enCyberDomainData, zh: zhCyberDomainData }}/>
+  return <DisplayLanguageContent LanguageChoice={{ en: enCyberDomainData, zh: zhCyberDomainData }}/>
+}
+
+export const BlueprintBattlefieldData = () => {
+  return <DisplayLanguageContent LanguageChoice={{ en: enBlueprintBattlefieldDataData, zh: zhBlueprintBattlefieldDataData }}/>
 }

src/app/blog/posts/securing-digital-frontiers/[slug]/page.tsx

@@ -3,6 +3,7 @@ import { Metadata } from "next";
 import { notFound } from "next/navigation";
 import Container from "@/app/_components/preference/container";
 import { CyberDomainData } from "@/app/_components/preference/data-exporter";
+import { BlueprintBattlefieldData } from "@/app/_components/preference/data-exporter";
 import { PostHeader } from "@/app/_components/post_gen/post-header";
 import { PostBody } from "@/app/_components/post_gen/post-body";
 import { getPostBySlug } from "@/lib/api";
@@ -22,6 +23,7 @@ export default async function Post(props: Params) {
   const post = getPostBySlug(params.slug, MDX_FOLDER);
   const ImportComponents = {
     CyberDomainData,
+    BlueprintBattlefieldData,
   };
   if (!post) return notFound();