KB-282-Create-translations-for-Social-Networks-and-Support-cards

src/app/[locale]/(private)/cards/social-networks-card.tsx

@@ -4,22 +4,21 @@ import { Paragraph } from '@/components/typography/paragraph';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
 import { TextButton } from '@/components/ui/text-button';
 import { cn } from '@/lib/utils';
+import { useTranslations } from 'next-intl';
 
 interface SocialNetworksCardProps {
   className?: string;
 }
 
 export const SocialNetworksCard = ({ className }: SocialNetworksCardProps) => {
+  const t = useTranslations('private.main.cards.social-networks');
   return (
     <Card className={cn(className)}>
       <CardHeader className="pb-0">
-        <Heading3>Соціальні мережі</Heading3>
+        <Heading3>{t('title')}</Heading3>
       </CardHeader>
       <CardContent>
-        <Paragraph>
-          Ви завжди можете знайти найактуальнішу інформацію щодо роботи системи &quot;Електронний кампус КПІ&quot;, а
-          також інших сервісів на нашій сторінці в Facebook, та також у нашому Телеграм-каналі:
-        </Paragraph>
+        <Paragraph>{t('description')}</Paragraph>
         <Paragraph className="mb-0 mt-8 flex flex-wrap gap-8">
           <TextButton
             size="huge"

src/app/[locale]/(private)/cards/support-card.tsx

@@ -4,25 +4,27 @@ import { Paragraph } from '@/components/typography/paragraph';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
 import { TextButton } from '@/components/ui/text-button';
 import { cn } from '@/lib/utils';
+import { useTranslations } from 'next-intl';
 
 interface SupportCardProps {
   className?: string;
 }
 
 export const SupportCard = ({ className }: SupportCardProps) => {
+  const t = useTranslations('private.main.cards.support');
   return (
     <Card className={cn(className)}>
       <CardHeader className="pb-0">
-        <Heading3>Служба пiдтримки</Heading3>
+        <Heading3>{t('title')}</Heading3>
       </CardHeader>
       <CardContent>
-        <Paragraph>Ви завжди можете звернутися в службу підтримки:</Paragraph>
+        <Paragraph>{t('description')}</Paragraph>
         <Paragraph className="mb-0 mt-8 flex flex-col items-start gap-4">
           <TextButton size="huge" href="/contacts/complaints" icon={<ChatsTeardrop />}>
-            Форма скарг i пропозицiй
+            {t('button.feedback-form')}
           </TextButton>
           <TextButton size="huge" href="mailto:[email protected]" icon={<EnvelopeSimple />}>
-            Email
+            {t('button.email')}
           </TextButton>
         </Paragraph>
       </CardContent>

src/messages/en.json

@@ -154,6 +154,18 @@
             "link-title": "Go to the old version of Campus"
           }
         },
+        "social-networks": {
+          "title": "Social Networks",
+          "description": "You can always find the latest information about the operation of the 'Electronic Campus KPI' system and other services on our Facebook page and our Telegram channel:"
+        },
+        "support": {
+          "title": "Support",
+          "description": "You can always contact the support service:",
+          "button": {
+            "feedback-form": "Feedback form",
+            "email": "Email"
+          }
+        },
         "carousel": {
           "default-link-title": "Go to schedule",
           "default-slide": {

src/messages/uk.json

@@ -154,6 +154,18 @@
             "link-title": "Перейти на стару версію Кампусу"
           }
         },
+        "social-networks": {
+          "title": "Соціальні мережі",
+          "description": "Ви завжди можете знайти найактуальнішу інформацію щодо роботи системи 'Електронний кампус КПІ', а також інших сервісів на нашій сторінці в Facebook та у нашому Telegram-каналі:"
+        },
+        "support": {
+          "title": "Служба підтримки",
+          "description": "Ви завжди можете звернутися в службу підтримки:",
+          "button": {
+            "feedback-form": "Форма скарг і пропозицій",
+            "email": "Пошта"
+          }
+        },
         "carousel": {
           "default-link-title": "Перейти до розкладу",
           "default-slide": {