From aa43f50a8ca5cd8d3721d8a379929cc59c88f01c Mon Sep 17 00:00:00 2001
From: echo <petrovskidimitar@yandex.com>
Date: Sat, 28 Feb 2026 23:57:33 +0100
Subject: [PATCH] fix: localize UI text to Macedonian and fix view count
 display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change date format from 'short' to 'long' month names in Macedonian
- Translate 'views' to 'прегледи' across all components
- Translate 'shares' to 'споделувања'
- Translate 'updates' to 'ажурирања'
- Translate 'By' to 'Од' for author attribution
- Translate 'Back to articles' to 'Назад кон вести'
- Translate archive page headers to Macedonian
- Translate auto-scroll button text to Macedonian
- Translate connection status to Macedonian
- Add fallback to 0 for undefined view counts (|| 0)
---
 .../features/live-blog/LiveBlogViewer.tsx     |  8 +++---
 .../live-blog/PinnedLiveBlogSidebar.tsx       |  4 +--
 frontend/src/components/home/HeroArticle.tsx  |  6 ++--
 .../components/routes/ArchiveComponent.tsx    | 28 +++++++++----------
 .../routes/ArticleDetailComponent.tsx         |  6 ++--
 .../components/routes/LiveBlogsComponent.tsx  |  6 ++--
 6 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/frontend/src/components/features/live-blog/LiveBlogViewer.tsx b/frontend/src/components/features/live-blog/LiveBlogViewer.tsx
index bc3b24c..67d8efe 100644
--- a/frontend/src/components/features/live-blog/LiveBlogViewer.tsx
+++ b/frontend/src/components/features/live-blog/LiveBlogViewer.tsx
@@ -165,12 +165,12 @@ export function LiveBlogViewer({ slug, className }: LiveBlogViewerProps) {
                     isConnected ? 'bg-green-500' : 'bg-red-500'
                   )} />
                   <span>
-                    {isConnected ? 'Connected' : `Reconnecting... (${reconnectAttempts})`}
+                    {isConnected ? 'Поврзано' : `Се поврзува... (${reconnectAttempts})`}
                   </span>
                 </div>
               )}
-              <span>{liveBlog.viewCount} views</span>
-              <span>{updates.length} updates</span>
+              <span>{liveBlog.viewCount || 0} прегледи</span>
+              <span>{updates.length} ажурирања</span>
             </div>
           </div>
           <div className="flex items-center gap-2">
@@ -179,7 +179,7 @@ export function LiveBlogViewer({ slug, className }: LiveBlogViewerProps) {
               size="sm"
               onClick={handleAutoScrollToggle}
             >
-              {autoScroll ? 'Auto-scroll ON' : 'Auto-scroll OFF'}
+              {autoScroll ? 'Авто-скрол ВКЛУЧЕН' : 'Авто-скрол ИСКЛУЧЕН'}
             </Button>
             {!isConnected && (
               <Button
diff --git a/frontend/src/components/features/live-blog/PinnedLiveBlogSidebar.tsx b/frontend/src/components/features/live-blog/PinnedLiveBlogSidebar.tsx
index d4a02eb..f33c41f 100644
--- a/frontend/src/components/features/live-blog/PinnedLiveBlogSidebar.tsx
+++ b/frontend/src/components/features/live-blog/PinnedLiveBlogSidebar.tsx
@@ -204,11 +204,11 @@ export function PinnedLiveBlogSidebar({
                     <div className="mt-2 flex items-center gap-3 text-xs text-muted-foreground">
                       <div className="flex items-center gap-1">
                         <MessageSquare className="w-3 h-3" />
-                        <span>{blog.updates?.length || 0} updates</span>
+                        <span>{blog.updates?.length || 0} ажурирања</span>
                       </div>
                       <div className="flex items-center gap-1">
                         <Eye className="w-3 h-3" />
-                        <span>{blog.viewCount} views</span>
+                        <span>{blog.viewCount || 0} прегледи</span>
                       </div>
                     </div>
                   </Link>
diff --git a/frontend/src/components/home/HeroArticle.tsx b/frontend/src/components/home/HeroArticle.tsx
index 91b6ac0..2fefb55 100644
--- a/frontend/src/components/home/HeroArticle.tsx
+++ b/frontend/src/components/home/HeroArticle.tsx
@@ -83,7 +83,7 @@ export function HeroArticle() {
             <span>
               {new Date(article.createdAt).toLocaleDateString('mk-MK', {
                 day: 'numeric',
-                month: 'short',
+                month: 'long',
                 year: 'numeric',
               })}
             </span>
@@ -98,7 +98,7 @@ export function HeroArticle() {
 
           <div className="flex items-center gap-2">
             <Eye className="w-4 h-4" />
-            <span>{article.views} views</span>
+            <span>{article.views || 0} прегледи</span>
           </div>
         </div>
 
@@ -132,7 +132,7 @@ export function HeroArticle() {
           <div className="font-body text-xs uppercase tracking-wider text-muted-foreground">
             <span className="font-bold text-foreground">
               {(article.facebookShares || 0) + (article.twitterShares || 0) + (article.whatsappShares || 0) + (article.telegramShares || 0)}
-            </span> shares
+            </span> споделувања
           </div>
         </div>
       </div>
diff --git a/frontend/src/components/routes/ArchiveComponent.tsx b/frontend/src/components/routes/ArchiveComponent.tsx
index d40fc40..2085cd9 100644
--- a/frontend/src/components/routes/ArchiveComponent.tsx
+++ b/frontend/src/components/routes/ArchiveComponent.tsx
@@ -28,8 +28,8 @@ export function ArchiveComponent() {
   return (
     <div>
       <div className="mb-8">
-        <h1 className="text-3xl font-bold">Articles</h1>
-        <p className="text-muted-foreground">Latest news and articles</p>
+        <h1 className="text-3xl font-bold">Архива</h1>
+        <p className="text-muted-foreground">Најнови вести и статии</p>
       </div>
 
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -53,18 +53,18 @@ export function ArchiveComponent() {
                )}
              </Link>
              
-             <div className="flex items-center justify-between text-sm text-muted-foreground">
-               <div className="flex items-center space-x-4">
-                 <span>
-                   {new Date(article.createdAt).toLocaleDateString('mk-MK', {
-                     day: 'numeric',
-                     month: 'short',
-                     year: 'numeric',
-                   })}
-                 </span>
-                 <span>•</span>
-                 <span>{article.views} views</span>
-               </div>
+              <div className="flex items-center justify-between text-sm text-muted-foreground">
+                <div className="flex items-center space-x-4">
+                  <span>
+                    {new Date(article.createdAt).toLocaleDateString('mk-MK', {
+                      day: 'numeric',
+                      month: 'long',
+                      year: 'numeric',
+                    })}
+                  </span>
+                  <span>•</span>
+                  <span>{article.views || 0} прегледи</span>
+                </div>
                
                 <SocialShareButtons
                    articleId={article.id}
diff --git a/frontend/src/components/routes/ArticleDetailComponent.tsx b/frontend/src/components/routes/ArticleDetailComponent.tsx
index 1c878f0..006922b 100644
--- a/frontend/src/components/routes/ArticleDetailComponent.tsx
+++ b/frontend/src/components/routes/ArticleDetailComponent.tsx
@@ -49,7 +49,7 @@ export function ArticleDetailComponent({ id }: { id: string }) {
           <path d="m15 18-6-6 6-6" />
           <path d="M19 6H5" />
         </svg>
-        Back to articles
+        Назад кон вести
       </Link>
 
       <h1 className="text-4xl font-bold mb-6">{data.title}</h1>
@@ -63,11 +63,11 @@ export function ArticleDetailComponent({ id }: { id: string }) {
           })}
         </span>
         <span>•</span>
-        <span>{data.views} views</span>
+        <span>{data.views || 0} прегледи</span>
         {data.author && (
           <>
             <span>•</span>
-            <span>By {data.author.name}</span>
+            <span>Од {data.author.name}</span>
           </>
         )}
        </div>
diff --git a/frontend/src/components/routes/LiveBlogsComponent.tsx b/frontend/src/components/routes/LiveBlogsComponent.tsx
index c32dc17..8c6c137 100644
--- a/frontend/src/components/routes/LiveBlogsComponent.tsx
+++ b/frontend/src/components/routes/LiveBlogsComponent.tsx
@@ -63,13 +63,13 @@ export function LiveBlogsComponent() {
             
             <div className="flex items-center justify-between text-sm text-muted-foreground">
               <div className="flex items-center gap-4">
-                <span>{liveBlog.viewCount} views</span>
-                <span>{liveBlog.updates?.length || 0} updates</span>
+                <span>{liveBlog.viewCount || 0} прегледи</span>
+                <span>{liveBlog.updates?.length || 0} ажурирања</span>
               </div>
               <span>
                 {new Date(liveBlog.createdAt).toLocaleDateString('mk-MK', {
                   day: 'numeric',
-                  month: 'short',
+                  month: 'long',
                   year: 'numeric',
                 })}
               </span>