Translate blog feed and sponsor banner

ubucon-asia · Nov 28, 2024 · bb65ca7 · bb65ca7
1 parent 5d8b905
commit bb65ca7
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 8 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -17,6 +17,11 @@
     "travelBanner_listitem4": "Venue & Safety information",
     "travelBanner_listitem5": "Exploring the city",
     "travelBanner_button1": "Plan trip with other attendees",
-    "travelBanner_button2": "Contact travel support team for help"
+    "travelBanner_button2": "Contact travel support team for help",
+    "blogBanner_title": "Latest from our blog",
+    "blogBanner_learnMore": "Learn more",
+    "our_sponsors": "Our Sponsors",
+    "sponsor_about": "About the sponsor",
+    "visit_website": "Visit website"
 
 }
diff --git a/messages/ko.json b/messages/ko.json
@@ -17,6 +17,11 @@
     "travelBanner_listitem4": "Venue & Safety information",
     "travelBanner_listitem5": "Exploring the city",
     "travelBanner_button1": "Plan trip with other attendees",
-    "travelBanner_button2": "Contact travel support team for help"
+    "travelBanner_button2": "Contact travel support team for help",
+    "blogBanner_title": "Latest from our blog",
+    "blogBanner_learnMore": "Learn more",
+    "our_sponsors": "Our Sponsors",
+    "sponsor_about": "About the sponsor",
+    "visit_website": "Visit website"
 
 }
diff --git a/src/components/BlogFeed.astro b/src/components/BlogFeed.astro
@@ -1,5 +1,6 @@
 ---
 import { WebsiteConfig } from "../config";
+import * as m from "../paraglide/messages.js";
 import jsdom from "jsdom";
 const { JSDOM } = jsdom;
 const window = new JSDOM().window;
@@ -25,7 +26,7 @@ blogItemsXml.forEach((el: Element) => {
     <div class="col">
       <a href={WebsiteConfig.blog.viewMoreUrl}>
         <p class="p-muted-heading">
-          Latest from our blog
+          {m.blogBanner_title()}
         </p>
       </a>
     </div>
@@ -50,7 +51,7 @@ blogItemsXml.forEach((el: Element) => {
 
                     <a href={item.link}>
                     <p>
-                        Learn more
+                        {m.blogBanner_learnMore()}
                     </p>
                     </a>
                 </div>

diff --git a/src/components/SponsorLogoAndModal.tsx b/src/components/SponsorLogoAndModal.tsx
@@ -1,6 +1,6 @@
 
 import { useState } from "react";
-
+import * as m from "../paraglide/messages.js";
 type SponsorLogoAndModalProps = {
     name: string,
     level: string,
@@ -22,7 +22,7 @@ export default function SponsorLogoAndModal(props: SponsorLogoAndModalProps) {
             <div className="p-modal" id="modal" style={{display: modalOpen && props.showPopup ? "flex" : "none"}}>
             <section className="p-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-description">
                 <header className="p-modal__header">
-                    <h2 className="p-modal__title" id="modal-title">About the sponsor</h2>
+                    <h2 className="p-modal__title" id="modal-title">{m.sponsor_about()}</h2>
                     <button className="p-modal__close" aria-label="Close active modal" aria-controls="modal" onClick={closeHandler}>Close</button>
                 </header>
                 <img src={props.logoImageSrc} alt={props.name} />
@@ -32,7 +32,7 @@ export default function SponsorLogoAndModal(props: SponsorLogoAndModalProps) {
                     {props.description}
                 </p>
                 <footer className="p-modal__footer">
-                <a href={props.url}><button className="p-button--positive u-no-margin--bottom">Visit website</button></a>
+                <a href={props.url}><button className="p-button--positive u-no-margin--bottom">{m.visit_website()}</button></a>
                 </footer>
             </section>
             </div>

diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
@@ -1,10 +1,11 @@
 ---
 import { sponsors } from "@data/sponsors";
+import * as m from "../paraglide/messages.js";
 import SponsorLogoAndModal from "@components/SponsorLogoAndModal.tsx";
 ---
 
 <div class="p-section">
-    <div class="row"><h2>Our Sponsors</h2></div>
+    <div class="row"><h2>{m.our_sponsors()}</h2></div>
     {
         sponsors.map((level) => (
         <div class="p-section">