Update blog components with i18n support

Author: TiZorii

frontend/components/blog/BlogCard.tsx

@@ -2,6 +2,7 @@
 
 import Image from 'next/image';
 import Link from 'next/link';
+import { useTranslations } from 'next-intl';
 import AuthorModal from './AuthorModal';
 import type { Post, PortableTextBlock } from './BlogFilters';
 
@@ -14,6 +15,7 @@ export default function BlogCard({
   selectedTags: string[];
   onTagToggle: (tag: string) => void;
 }) {
+  const t = useTranslations('blog');
   const excerpt =
     post.body
       ?.filter((b): b is PortableTextBlock => b?._type === 'block')
@@ -135,7 +137,7 @@ export default function BlogCard({
               transition
             "
           >
-            Visit Resource →
+            {t('visitResource')}
           </a>
         )}
       </div>

frontend/components/blog/BlogFilters.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useMemo, useState } from 'react';
+import { useTranslations } from 'next-intl';
 import BlogGrid from '@/components/blog/BlogGrid';
 
 type SocialLink = {
@@ -76,6 +77,7 @@ function SearchIcon({ className }: { className?: string }) {
 }
 
 export default function BlogFilters({ posts }: { posts: Post[] }) {
+  const t = useTranslations('blog');
   const [input, setInput] = useState('');
   const [selectedTags, setSelectedTags] = useState<string[]>([]);
 
@@ -175,7 +177,7 @@ export default function BlogFilters({ posts }: { posts: Post[] }) {
                 addTag(input);
               }
             }}
-            placeholder="Пошук..."
+            placeholder={t('searchPlaceholder')}
             className="
               w-full
               rounded-xl
@@ -208,7 +210,7 @@ export default function BlogFilters({ posts }: { posts: Post[] }) {
                   text-gray-600 hover:bg-gray-100
                   transition
                 "
-                title="Remove tag"
+                title={t('removeTag')}
               >
                 <span>#{tag}</span>
                 <span className="text-base leading-none">×</span>
@@ -225,7 +227,7 @@ export default function BlogFilters({ posts }: { posts: Post[] }) {
                   hover:bg-gray-50 hover:border-gray-400 transition
                 "
               >
-                Add
+                {t('add')}
               </button>
             )}
 
@@ -239,7 +241,7 @@ export default function BlogFilters({ posts }: { posts: Post[] }) {
                   hover:bg-gray-50 hover:border-gray-400 transition
                 "
               >
-                Clear
+                {t('clear')}
               </button>
             )}
           </div>
@@ -256,7 +258,7 @@ export default function BlogFilters({ posts }: { posts: Post[] }) {
 
       {!filteredPosts.length && (
         <p className="text-center text-gray-500 mt-10">
-          No posts found for selected tags.
+          {t('noPostsForTags')}
         </p>
       )}
     </div>

frontend/messages/en.json

@@ -45,12 +45,13 @@
     "title": "All Blog Posts",
     "metaTitle": "Blog | DevLovers",
     "metaDescription": "Explore the latest articles and insights",
-    "searchPlaceholder": "Type a hashtag and press Enter (e.g. frontend, qa)",
+    "searchPlaceholder": "Search...",
     "removeTag": "Remove tag",
     "add": "Add",
     "clear": "Clear",
     "noPosts": "No posts found",
-    "noPostsForTags": "No posts found for selected tags"
+    "noPostsForTags": "No posts found for selected tags",
+    "visitResource": "Visit Resource →"
   },
   "footer": {
     "builtWith": "Built with",

frontend/messages/pl.json

@@ -45,12 +45,13 @@
     "title": "Wszystkie Wpisy na Blogu",
     "metaTitle": "Blog | DevLovers",
     "metaDescription": "Odkryj najnowsze artykuły i spostrzeżenia",
-    "searchPlaceholder": "Wpisz hashtag i naciśnij Enter (np. frontend, qa)",
+    "searchPlaceholder": "Szukaj...",
     "removeTag": "Usuń tag",
     "add": "Dodaj",
     "clear": "Wyczyść",
     "noPosts": "Nie znaleziono wpisów",
-    "noPostsForTags": "Nie znaleziono wpisów dla wybranych tagów"
+    "noPostsForTags": "Nie znaleziono wpisów dla wybranych tagów",
+    "visitResource": "Odwiedź zasób →"
   },
   "footer": {
     "builtWith": "Zbudowane z",

frontend/messages/uk.json

@@ -45,12 +45,13 @@
     "title": "Усі статті блогу",
     "metaTitle": "Блог | DevLovers",
     "metaDescription": "Досліджуйте останні статті та корисні матеріали",
-    "searchPlaceholder": "Введіть хештег і натисніть Enter (наприклад, frontend, qa)",
+    "searchPlaceholder": "Пошук...",
     "removeTag": "Видалити тег",
     "add": "Додати",
     "clear": "Очистити",
     "noPosts": "Статей не знайдено",
-    "noPostsForTags": "Немає статей за обраними тегами"
+    "noPostsForTags": "Немає статей за обраними тегами",
+    "visitResource": "Відвідати ресурс →"
   },
   "footer": {
     "builtWith": "Створено",