refactor: clean up message files and improve product category handling

src/app/[locale]/product-categories/[product_category_id]/page.tsx

@@ -47,7 +47,7 @@ export default async function ProductPage({
           productCategory={productCategory}
           className="mt-6"
         />
-        <div className="mt-20">
+        <div id="productList" className="mt-20">
           <h2 className="mb-6 text-3xl font-semibold text-gray-500">
             {productCategory.title} Products
           </h2>

src/app/api/product_categories/route.ts

@@ -4,49 +4,33 @@ import { APIProductCategoryEntity } from '@/models/api';
 import { productCategoriesData } from './data';
 
 export async function GET(request: Request) {
-  let data = productCategoriesData as APIProductCategoryEntity[];
+  try {
+    let data = productCategoriesData as APIProductCategoryEntity[];
 
-  const cookieStore = await cookies();
-  const lang = (await cookieStore).get('lang')?.value || 'fa';
+    const cookieStore = await cookies();
+    const lang = (await cookieStore).get('locale')?.value || 'en';
+    console.log('!!!!!!!!!!!!!!!!!!!!');
+    console.log(lang);
 
-  if (lang === 'fa') {
-    data = productCategoriesData.map(
-      ({
-        id,
-        title,
-        fa_title,
-        icon,
-        typesCount,
-        priceTypeTitle,
-        fa_priceTypeTitle,
-        bestForTitle,
-        fa_bestForTitle,
-        description,
-        fa_description,
-      }) => {
-        if (lang === 'fa') {
-          return {
-            id,
-            icon,
-            typesCount,
-            title: fa_title || title,
-            priceTypeTitle: fa_priceTypeTitle || priceTypeTitle,
-            bestForTitle: fa_bestForTitle || bestForTitle,
-            description: fa_description || description,
-          };
-        }
-        return {
-          id,
-          icon,
-          typesCount,
-          title,
-          priceTypeTitle,
-          bestForTitle,
-          description,
-        };
-      },
+    if (lang === 'fa') {
+      data = productCategoriesData.map((productCategory) => ({
+        ...productCategory,
+        title: (lang && productCategory.fa_title) || productCategory.title,
+        priceTypeTitle:
+          productCategory.fa_priceTypeTitle || productCategory.priceTypeTitle,
+        bestForTitle:
+          productCategory.fa_bestForTitle || productCategory.bestForTitle,
+        description:
+          productCategory.fa_description || productCategory.description,
+      }));
+    }
+
+    return NextResponse.json({ data });
+  } catch (error) {
+    console.error('Error fetching product categories:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch product categories' },
+      { status: 500 },
     );
   }
-
-  return NextResponse.json({ data });
 }

src/assets/constants/routeFactory/index.ts

@@ -34,7 +34,7 @@ const routeFactory: RouteFactory = (t, locale) => ({
   },
   blog: {
     title: t('pages_blog_title'),
-    route: () => `/${locale}/blog-us`,
+    route: () => `/${locale}/blog`,
   },
   contact: {
     title: t('pages_contact_title'),

src/components/layout/header/index.tsx

@@ -5,15 +5,20 @@ import Navbar from '../navbar';
 import Button, { IconButton } from '@/components/uikit/button';
 import { Icon } from '@/components/uikit/icons';
 import { useTranslations } from 'next-intl';
+import routeFactory from '@/assets/constants/routeFactory';
+import { useParams } from 'next/navigation';
 
 export default function Header() {
   const t = useTranslations();
+  const params = useParams();
+  const locale = params.locale as string;
 
   const bannerFooter = [
     t('com_home_Banner_link1'),
     t('com_home_Banner_link2'),
     t('com_home_Banner_link3'),
   ];
+  const routes = routeFactory(t, locale);
 
   return (
     <header
@@ -37,7 +42,9 @@ export default function Header() {
             }}
           />
           <div>
-            <Button endIcon="showMore">{t('com_home_banner_button')}</Button>
+            <Button endIcon="showMore" link={routes.productCategories.route()}>
+              {t('com_home_banner_button')}
+            </Button>
           </div>
         </div>
 

src/components/pages/products/productList/index.tsx

@@ -19,6 +19,10 @@ export default function ProductList({
       .then((res) => {
         setProducts(res.data);
         setPagination(res.pagination);
+
+        document
+          .getElementById('productList')
+          ?.scrollIntoView({ behavior: 'smooth', block: 'start' });
       })
       .catch((error) => {
         console.error('Failed to fetch products:', error);

src/services/projects.ts

@@ -1,8 +1,6 @@
 'use server';
 
-import { IProjectCardProps } from '@/components/pages/project/project';
 import api from '@/lib/axios';
-import { IResponse } from '@/models/response';
 import { cookies } from 'next/headers';
 
 export async function getProjects() {
@@ -12,7 +10,6 @@ export async function getProjects() {
       headers: {
         Cookie: cookiesStore.toString(),
       },
- 
     })
     .then(({ data }) => Promise.resolve(data.data))
     .catch((error) => Promise.reject(error));