From 2cd66eaf053c34fbb0dcec0218fc2ee8e1694cd9 Mon Sep 17 00:00:00 2001
From: Ansh Goyal <anshgoyal1704@gmail.com>
Date: Sun, 13 Aug 2023 10:22:51 +0530
Subject: [PATCH] add t for blog section

Signed-off-by: Ansh Goyal <anshgoyal1704@gmail.com>
---
 components/buttons/GoogleCalendarButton.js      |  8 ++++++--
 components/buttons/ICSFileButton.js             |  8 ++++++--
 components/buttons/SubscribeButton.js           |  8 ++++++--
 components/newsroom/NewsroomSection.js          | 10 +++++++---
 cypress/test/buttons/GoogleCalendarButton.cy.js |  2 +-
 cypress/test/buttons/ICSFileButton.cy.js        |  2 +-
 cypress/test/buttons/SubscribeButton.cy.js      |  2 +-
 cypress/test/newsroom/NewsroomSection.cy.js     |  2 +-
 locales/de/common.json                          | 10 +++++++++-
 locales/en/common.json                          | 10 +++++++++-
 10 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/components/buttons/GoogleCalendarButton.js b/components/buttons/GoogleCalendarButton.js
index cbd822a7560..d4e15cd8301 100644
--- a/components/buttons/GoogleCalendarButton.js
+++ b/components/buttons/GoogleCalendarButton.js
@@ -1,16 +1,20 @@
 import Button from './Button';
 import IconGoogleCalendar from '../icons/GoogleCalendar';
+import { useTranslation } from '../../lib/i18n';
 
 export default function GoogleCalendarButton({
-  text = 'Add to Google Calendar',
+  text = 'googleCalendarBtn',
   href,
   target = '_blank',
   iconPosition = 'left',
   className,
 }) {
+
+  const { t } = useTranslation('common'); 
+
   return (
     <Button
-      text={text}
+      text={t(text)}
       icon={<IconGoogleCalendar />}
       href={href}
       iconPosition={iconPosition}
diff --git a/components/buttons/ICSFileButton.js b/components/buttons/ICSFileButton.js
index 78ac35cc609..c01fa6fa531 100644
--- a/components/buttons/ICSFileButton.js
+++ b/components/buttons/ICSFileButton.js
@@ -1,16 +1,20 @@
 import Button from './Button';
 import IconCalendar from '../icons/Calendar';
+import { useTranslation } from '../../lib/i18n';
 
 export default function ICSFButton({
-  text = 'Download ICS File',
+  text = 'icsFileBtn',
   href,
   target = '_blank',
   iconPosition = 'left',
   className,
 }) {
+
+  const { t } = useTranslation('common');
+
   return (
     <Button
-      text={text}
+      text={t(text)}
       icon={<IconCalendar />}
       href={href}
       iconPosition={iconPosition}
diff --git a/components/buttons/SubscribeButton.js b/components/buttons/SubscribeButton.js
index 58f23da61fe..8167d3004ed 100644
--- a/components/buttons/SubscribeButton.js
+++ b/components/buttons/SubscribeButton.js
@@ -1,16 +1,20 @@
 import Button from './Button';
 import IconSubscribe from '../icons/Subscribe';
+import { useTranslation } from '../../lib/i18n';
 
 export default function GoogleCalendarButton({
-  text = 'Subscribe',
+  text = 'subscribeBtn',
   href,
   target = '_blank',
   iconPosition = 'left',
   className,
 }) {
+
+  const { t } = useTranslation('common');
+
   return (
     <Button
-      text={text}
+      text={t(text)}
       icon={<IconSubscribe />}
       href={href}
       iconPosition={iconPosition}
diff --git a/components/newsroom/NewsroomSection.js b/components/newsroom/NewsroomSection.js
index e37658f715c..3ae16a82346 100644
--- a/components/newsroom/NewsroomSection.js
+++ b/components/newsroom/NewsroomSection.js
@@ -4,8 +4,12 @@ import Paragraph from '../typography/Paragraph';
 import Button from '../buttons/Button';
 import Link from 'next/link';
 import { getAllPosts } from '../../lib/api';
+import { useTranslation } from '../../lib/i18n';
 
 export default function NewsroomSection() {
+
+  const { t } = useTranslation('common');
+
   const posts = getAllPosts()['blog']
     .sort((i1, i2) => {
       const i1Date = new Date(i1.date);
@@ -26,13 +30,13 @@ export default function NewsroomSection() {
       </section>
       <section className="lg:text-left lg:max-w-xl lg:w-1/2 lg:ml-12 mt-5 lg:my-auto" data-testid="NewsroomSection-main">
         <Heading typeStyle="heading-md-semibold" level="h3">
-          Latest news and blogs
+          {t("newsroomSection.title")}
         </Heading>
         <Paragraph typeStyle="body-lg" className="mt-5">
-          Welcome to our Newsroom section. Here, you'll get latest information about our blogs, articles, announcements and Youtube live-streams. Let's get upto date with the recent activities in the organization.
+        {t("newsroomSection.description")}
         </Paragraph>
         <div className='mt-7' >
-        <Button text='Visit the Newsroom' href='/community/newsroom' data-testid="NewsroomSection-Link"/>
+        <Button text={t("newsroomSection.newsroomBtn")} href='/community/newsroom' data-testid="NewsroomSection-Link"/>
         </div>
       </section>
     </div>
diff --git a/cypress/test/buttons/GoogleCalendarButton.cy.js b/cypress/test/buttons/GoogleCalendarButton.cy.js
index 2803b1f3e64..b4edfa56809 100644
--- a/cypress/test/buttons/GoogleCalendarButton.cy.js
+++ b/cypress/test/buttons/GoogleCalendarButton.cy.js
@@ -3,7 +3,7 @@ import GoogleCalendarButton from '../../../components/buttons/GoogleCalendarButt
 describe('GoogleCalendarButton', () => {
     it('renders correctly with default props', () => {
       mount(<GoogleCalendarButton />);
-      cy.contains('Add to Google Calendar').should('be.visible');
+      cy.contains('googleCalendarBtn').should('be.visible');
     });
   
     it('renders correctly with custom props', () => {
diff --git a/cypress/test/buttons/ICSFileButton.cy.js b/cypress/test/buttons/ICSFileButton.cy.js
index 13964726699..1a66b62eeee 100644
--- a/cypress/test/buttons/ICSFileButton.cy.js
+++ b/cypress/test/buttons/ICSFileButton.cy.js
@@ -21,6 +21,6 @@ describe('ICSFButton', () => {
 
   it('renders correctly with default props', () => {
     mount(<ICSFButton />);
-    cy.contains('Download ICS File').should('be.visible');
+    cy.contains('icsFileBtn').should('be.visible');
   });
 });
diff --git a/cypress/test/buttons/SubscribeButton.cy.js b/cypress/test/buttons/SubscribeButton.cy.js
index 55c3b191be4..167404da0c4 100644
--- a/cypress/test/buttons/SubscribeButton.cy.js
+++ b/cypress/test/buttons/SubscribeButton.cy.js
@@ -4,7 +4,7 @@ import SubscribeButton from '../../../components/buttons/SubscribeButton';
 describe('Subscribe Button', () => {
     it('renders correctly with default props', () => {
       mount(<SubscribeButton/>);
-      cy.contains('Subscribe').should('be.visible');
+      cy.contains('subscribeBtn').should('be.visible');
   
 });
   
diff --git a/cypress/test/newsroom/NewsroomSection.cy.js b/cypress/test/newsroom/NewsroomSection.cy.js
index a7d5b451de5..3c106b9779d 100644
--- a/cypress/test/newsroom/NewsroomSection.cy.js
+++ b/cypress/test/newsroom/NewsroomSection.cy.js
@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react'
 import NewsroomSection from '../../../components/newsroom/NewsroomSection';
-const newsroom = ["Latest news and blogs"]
+const newsroom = ["newsroomSection.title"]
 describe('Newsroom Section Component', () => {
     beforeEach(() => {
         mount(<NewsroomSection />);
diff --git a/locales/de/common.json b/locales/de/common.json
index 5921e524c63..0fc216b698b 100644
--- a/locales/de/common.json
+++ b/locales/de/common.json
@@ -5,5 +5,13 @@
         "nameInput": "Ihr Name",
         "emailInput": "Deine E-Mail",
         "subscribeBtn": "Abonnieren"
-    }
+    },
+    "newsroomSection": {
+        "title": "Aktuelle Nachrichten und Blogs",
+        "description": "Willkommen in unserem Newsroom-Bereich. Hier finden Sie die neuesten Informationen über unsere Blogs, Artikel, Ankündigungen und Youtube-Livestreams. Informieren Sie sich über die jüngsten Aktivitäten der Organisation.",
+        "newsroomBtn": "Besuchen Sie den Newsroom"
+    },
+    "googleCalendarBtn": "Zu Google Kalender hinzufügen",
+    "subscribeBtn": "Abonnieren",
+    "icsFileBtn": "ICS-Datei herunterladen"
 }
\ No newline at end of file
diff --git a/locales/en/common.json b/locales/en/common.json
index 7ca0bd660ab..57fbd7bc876 100644
--- a/locales/en/common.json
+++ b/locales/en/common.json
@@ -5,5 +5,13 @@
         "nameInput": "Your name",
         "emailInput": "Your email",
         "subscribeBtn": "Subscribe"
-    }
+    },
+    "newsroomSection": {
+        "title": "Latest news and blogs",
+        "description": "Welcome to our Newsroom section. Here, you'll get latest information about our blogs, articles, announcements and Youtube live-streams. Let's get upto date with the recent activities in the organization.",
+        "newsroomBtn": "Visit the Newsroom"
+    },
+    "googleCalendarBtn": "Add to Google Calendar",
+    "subscribeBtn": "Subscribe",
+    "icsFileBtn": "Download ICS File"
 }
\ No newline at end of file