From 358d0efae75403823010480683d5e4ec125d28b0 Mon Sep 17 00:00:00 2001
From: Chimdiogo <ezikechimdiogoh@gmail.com>
Date: Thu, 30 Jul 2026 15:29:33 +0100
Subject: [PATCH] fix(search): replace raw sort labels with i18n text

---
 src/app/components/search/SearchResultsSorter.tsx | 15 +++++++++------
 src/locales/ar.json                               | 10 ++++++++++
 src/locales/en.json                               | 10 ++++++++++
 src/locales/es.json                               | 10 ++++++++++
 4 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/src/app/components/search/SearchResultsSorter.tsx b/src/app/components/search/SearchResultsSorter.tsx
index 830b624d..eb1e06f6 100644
--- a/src/app/components/search/SearchResultsSorter.tsx
+++ b/src/app/components/search/SearchResultsSorter.tsx
@@ -2,6 +2,7 @@
 
 import React from 'react';
 import { ChevronDown } from 'lucide-react';
+import { useInternationalization } from '@/hooks/useInternationalization';
 
 interface SearchResultsSorterProps {
   value: string;
@@ -9,20 +10,22 @@ interface SearchResultsSorterProps {
 }
 
 export const SearchResultsSorter: React.FC<SearchResultsSorterProps> = ({ value, onChange }) => {
+  const { t } = useInternationalization();
+  
   return (
     <div className="flex items-center gap-3">
-      <span className="text-xs font-mono text-slate-500 uppercase">Sort_Sequence:</span>
+      <span className="text-xs font-mono text-slate-500 uppercase">{t('search.sortSequence')}</span>
       <div className="relative">
         <select
           value={value}
           onChange={(e) => onChange(e.target.value)}
           className="bg-[#0a1120] border border-primary/30 text-primary text-sm pl-4 pr-10 py-2 focus:ring-1 focus:ring-primary focus:border-primary clip-corner appearance-none font-mono cursor-pointer hover:bg-primary/5 transition-colors"
         >
-          <option value="popularity">POPULARITY</option>
-          <option value="newest">NEWEST_FIRST</option>
-          <option value="price_asc">PRICE_ASC</option>
-          <option value="price_desc">PRICE_DESC</option>
-          <option value="rating">RATING_HIGH</option>
+          <option value="popularity">{t('search.sort.popularity')}</option>
+          <option value="newest">{t('search.sort.newest')}</option>
+          <option value="price_asc">{t('search.sort.priceAsc')}</option>
+          <option value="price_desc">{t('search.sort.priceDesc')}</option>
+          <option value="rating">{t('search.sort.rating')}</option>
         </select>
         <ChevronDown className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-primary pointer-events-none" />
       </div>
diff --git a/src/locales/ar.json b/src/locales/ar.json
index f40c9b63..14e16f57 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -328,5 +328,15 @@
         }
       }
     }
+  },
+  "search": {
+    "sortSequence": "ترتيب حسب:",
+    "sort": {
+      "popularity": "حسب الشعبية",
+      "newest": "الأحدث أولاً",
+      "priceAsc": "السعر: من الأقل للأعلى",
+      "priceDesc": "السعر: من الأعلى للأقل",
+      "rating": "الأعلى تقييمًا"
+    }
   }
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index d09d2232..83b0271d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -328,5 +328,15 @@
         }
       }
     }
+  },
+  "search": {
+    "sortSequence": "Sort By:",
+    "sort": {
+      "popularity": "Sort by Relevance",
+      "newest": "Newest First",
+      "priceAsc": "Price: Low to High",
+      "priceDesc": "Price: High to Low",
+      "rating": "Highest Rated"
+    }
   }
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 4d354b37..f4583df9 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -328,5 +328,15 @@
         }
       }
     }
+  },
+  "search": {
+    "sortSequence": "Ordenar por:",
+    "sort": {
+      "popularity": "Popularidad",
+      "newest": "Más recientes",
+      "priceAsc": "Precio: Menor a Mayor",
+      "priceDesc": "Precio: Mayor a Menor",
+      "rating": "Mejor valorados"
+    }
   }
 }