Translate all hardcoded text and clean up unused i18n keys

Co-authored-by: TechQuery <[email protected]>

Author: Copilot

components/Organization/Charts.tsx

@@ -16,23 +16,23 @@ const OrganizationCharts: FC<OrganizationStatistic> = observer(
     return (
       <div style={{ minHeight: '70vh' }}>
         <SVGCharts>
-          <Title>NGO 地区分布</Title>
+          <Title>{t('ngo_area_distribution')}</Title>
           <XAxis type="category" data={areaList.map(([key]) => key)} />
           <YAxis type="value" />
           <BarSeries data={areaList.map(([{}, value]) => value)} />
           <Tooltip />
         </SVGCharts>
 
         <SVGCharts>
-          <Title>NGO 服务分布</Title>
+          <Title>{t('ngo_service_distribution')}</Title>
           <XAxis type="category" data={categoryList.map(([key]) => key)} />
           <YAxis type="value" />
           <BarSeries data={categoryList.map(([{}, value]) => value)} />
           <Tooltip />
         </SVGCharts>
 
         <SVGCharts className="col-auto">
-          <Title>NGO 类型分布</Title>
+          <Title>{t('ngo_type_distribution')}</Title>
           <PieSeries data={typeList.map(([name, value]) => ({ name, value }))} />
           <Tooltip trigger="item" />
         </SVGCharts>

pages/index.tsx

@@ -1,11 +1,17 @@
+import { observer } from 'mobx-react';
+import { FC, useContext } from 'react';
 import { Card, Col, Row } from 'react-bootstrap';
 import { renderToStaticMarkup } from 'react-dom/server';
 import ReactTyped from 'react-typed-component';
 
 import { PageHead } from '../components/Layout/PageHead';
+import { I18nContext } from '../models/Translation';
 import styles from '../styles/Home.module.scss';
 
-const HomePage = () => (
+const HomePage: FC = observer(() => {
+  const { t } = useContext(I18nContext);
+
+  return (
   <>
     <PageHead />
 
@@ -38,7 +44,7 @@ const HomePage = () => (
             ),
             renderToStaticMarkup(
               <>
-                欢迎参与<strong>开放式协作</strong>
+                {t('welcome_open_collaboration')}<strong>{t('open_collaboration')}</strong>
               </>,
             ),
             renderToStaticMarkup(
@@ -54,11 +60,11 @@ const HomePage = () => (
     <section
       className={`flex-fill d-flex flex-column justify-content-center align-items-center pb-0 bg-warning bg-opacity-10 ${styles.main}`}
     >
-      <h2 className="text-start mb-5 mt-5 fw-bolder">参与</h2>
+      <h2 className="text-start mb-5 mt-5 fw-bolder">{t('participate')}</h2>
       <Row className="flex-fill d-flex justify-content-around align-items-center w-100 px-3">
         <Col xs={8} sm={7} md={4} className="pb-5">
           <Card body className={`shadow ${styles.activeCard}`}>
-            <h5 className="fw-bold mb-3">代码工作</h5>
+            <h5 className="fw-bold mb-3">{t('code_work')}</h5>
             <ul className="list-unstyled">
               <li className="mb-3">
                 <a
@@ -77,7 +83,7 @@ const HomePage = () => (
         </Col>
         <Col xs={8} sm={7} md={4} className="pb-5">
           <Card body className={`shadow overflow-auto ${styles.activeCard}`}>
-            <h5 className="fw-bold mb-3">非代码工作</h5>
+            <h5 className="fw-bold mb-3">{t('non_code_work')}</h5>
             <ul className="list-unstyled">
               <li className="mb-3">
                 <a href="/history" className="fw-bold">
@@ -113,12 +119,12 @@ const HomePage = () => (
     <section
       className={`flex-fill d-flex flex-column justify-content-center align-items-center pb-0 bg-success bg-opacity-10 ${styles.main}`}
     >
-      <h2 className="text-start mb-5 fw-bolder h1">行动</h2>
+      <h2 className="text-start mb-5 fw-bolder h1">{t('action')}</h2>
       <Row className="d-flex flex-column justify-content-start align-items-center w-100 mb-5">
         <Col className="text-center">
           <figure className="text-center">
             <blockquote className="blockquote mb-4">
-              <p className="h2">我们正在筹办 3 月开源市集，欢迎参与！</p>
+              <p className="h2">{t('we_are_organizing_bazaar')}</p>
             </blockquote>
             <figcaption className="h6 text-muted">
               即兴三月，开源开放！来都来了，玩就是了！👉
@@ -134,6 +140,7 @@ const HomePage = () => (
       </Row>
     </section>
   </>
-);
+  );
+});
 
 export default HomePage;

translation/en-US.ts

@@ -98,14 +98,6 @@ export default {
   China_NGO_Landscape: 'China Public Interest Landscape',
   open_source_public_interest_plan: 'Open Source Public Interest Plan',
   landscape: 'Landscape',
-  join_the_public_interest_map: 'Join the Public Interest Map',
-  about_China_NGO_Map: 'About China Public Interest Map',
-  China_NGO_Map_description:
-    'China Public Interest Map is a visualization platform showcasing the distribution and development status of public interest organizations in China, helping the public understand the current state of the public interest ecosystem.',
-  by_year: 'By Year',
-  by_city: 'By City',
-  by_type: 'By Type',
-  by_tag: 'By Tag',
   organizations: 'Organizations',
   no_data_available: 'No data available',
 
@@ -120,4 +112,18 @@ export default {
   landscape_data_loading_message:
     'Public interest organization data is loading, please try again later.',
   visit_website: 'Visit Website',
+
+  // Chart distribution titles
+  ngo_area_distribution: 'NGO Area Distribution',
+  ngo_service_distribution: 'NGO Service Distribution',
+  ngo_type_distribution: 'NGO Type Distribution',
+
+  // Home page sections
+  participate: 'Participate',
+  code_work: 'Code Work',
+  non_code_work: 'Non-Code Work',
+  action: 'Action',
+  we_are_organizing_bazaar: 'We are organizing the March Open Source Bazaar, welcome to participate!',
+  welcome_open_collaboration: 'Welcome to participate in',
+  open_collaboration: 'Open Collaboration',
 };

translation/zh-CN.ts

@@ -97,14 +97,6 @@ export default {
   China_NGO_Landscape: '中国公益生态图',
   open_source_public_interest_plan: '开源公益计划',
   landscape: '生态图',
-  join_the_public_interest_map: '加入公益地图',
-  about_China_NGO_Map: '关于中国公益地图',
-  China_NGO_Map_description:
-    '中国公益地图是一个展示中国公益组织分布和发展状况的可视化平台，帮助公众了解公益生态现状。',
-  by_year: '按年份',
-  by_city: '按城市',
-  by_type: '按类型',
-  by_tag: '按标签',
   organizations: '组织',
   no_data_available: '暂无数据',
   landscape_data_loading_message: '公益组织数据正在加载中，请稍后再试。',
@@ -118,4 +110,18 @@ export default {
   tag: '标签',
   total: '共',
   visit_website: '访问官网',
+
+  // Chart distribution titles
+  ngo_area_distribution: 'NGO 地区分布',
+  ngo_service_distribution: 'NGO 服务分布', 
+  ngo_type_distribution: 'NGO 类型分布',
+
+  // Home page sections
+  participate: '参与',
+  code_work: '代码工作',
+  non_code_work: '非代码工作',
+  action: '行动',
+  we_are_organizing_bazaar: '我们正在筹办 3 月开源市集，欢迎参与！',
+  welcome_open_collaboration: '欢迎参与',
+  open_collaboration: '开放式协作',
 };

translation/zh-TW.ts

@@ -97,14 +97,6 @@ export default {
   China_NGO_Landscape: '中國公益生態圖',
   open_source_public_interest_plan: '開源公益計劃',
   landscape: '生態圖',
-  join_the_public_interest_map: '加入公益地圖',
-  about_China_NGO_Map: '關於中國公益地圖',
-  China_NGO_Map_description:
-    '中國公益地圖是一個展示中國公益組織分佈和發展狀況的可視化平台，幫助公眾瞭解公益生態現狀。',
-  by_year: '按年份',
-  by_city: '按城市',
-  by_type: '按類型',
-  by_tag: '按標籤',
   organizations: '組織',
   no_data_available: '暫無數據',
   landscape_data_loading_message: '公益組織數據正在加載中，請稍後再試。',
@@ -118,4 +110,18 @@ export default {
   tag: '標籤',
   total: '共',
   visit_website: '訪問官網',
+
+  // Chart distribution titles
+  ngo_area_distribution: 'NGO 地區分佈',
+  ngo_service_distribution: 'NGO 服務分佈',
+  ngo_type_distribution: 'NGO 類型分佈',
+
+  // Home page sections
+  participate: '參與',
+  code_work: '代碼工作',
+  non_code_work: '非代碼工作',
+  action: '行動',
+  we_are_organizing_bazaar: '我們正在籌辦 3 月開源市集，歡迎參與！',
+  welcome_open_collaboration: '歡迎參與',
+  open_collaboration: '開放式協作',
 };