add t for blog section

Signed-off-by: Ansh Goyal <[email protected]>

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}

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}

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}

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>

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', () => {

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');
   });
 });

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');
 
 });
 

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 />);

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"
 }

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"
 }