chore: Add formatting for the view count (#6447)

app/controllers/public/api/v1/portals/articles_controller.rb

@@ -16,8 +16,7 @@ class Public::Api::V1::Portals::ArticlesController < PublicController
 
   def set_article
     @article = @category.articles.find(params[:id])
-    @article.views = @article.views ? @article.views + 1 : 1
-    @article.save
+    @article.increment_view_count
     @parsed_content = render_article_content(@article.content)
   end
 

app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleItem.vue

@@ -29,8 +29,8 @@
       </router-link>
     </td>
     <td>
-      <span class="fs-small">
-        {{ views || 0 }}
+      <span class="fs-small" :title="formattedViewCount">
+        {{ readableViewCount }}
       </span>
     </td>
     <td>
@@ -95,6 +95,15 @@ export default {
     lastUpdatedAt() {
       return this.dynamicTime(this.updatedAt);
     },
+    formattedViewCount() {
+      return Number(this.views || 0).toLocaleString('en');
+    },
+    readableViewCount() {
+      return new Intl.NumberFormat('en-US', {
+        notation: 'compact',
+        compactDisplay: 'short',
+      }).format(this.views || 0);
+    },
     articleAuthorName() {
       return this.author.name;
     },

app/models/article.rb

@@ -106,6 +106,12 @@ class Article < ApplicationRecord
     update(status: :draft)
   end
 
+  def increment_view_count
+    # rubocop:disable Rails/SkipsModelValidations
+    update_column(:views, views? ? views + 1 : 1)
+    # rubocop:enable Rails/SkipsModelValidations
+  end
+
   private
 
   def ensure_account_id