From fb89647a328a204c864d46246bac46d7c700a4cd Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Wed, 23 Oct 2024 18:44:01 +0330
Subject: [PATCH] services backend internationalization added

---
 .../components/services/services.tsx          | 26 ++++++-------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/app/(routes)/(website)/components/services/services.tsx b/src/app/(routes)/(website)/components/services/services.tsx
index fcedd89..0dd60a1 100644
--- a/src/app/(routes)/(website)/components/services/services.tsx
+++ b/src/app/(routes)/(website)/components/services/services.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { Service } from "@/app/types/types";
+import { getCookie } from "cookies-next";
 import { useEffect, useState } from "react";
 import Skeleton from "react-loading-skeleton";
 import "react-loading-skeleton/dist/skeleton.css";
@@ -25,28 +26,17 @@ export default function Services({ dict }: ServicesProps) {
 
   useEffect(() => {
     const fetchServices = async () => {
-      try {
-        const response = await fetch("/api/website/services");
+      setLoading(true);
+      const response = await fetch(
+        `${process.env.NEXT_PUBLIC_API_URL}/website/services/${getCookie("selectedLocale")}`,
+      ).then((res) => res.json());
 
-        if (!response.ok) {
-          throw new Error("Failed to fetch services");
-        }
-
-        const data: Service[] = await response.json();
-        setServices(data);
-      } catch (err) {
-        if (err instanceof Error) {
-          setError(err.message);
-        } else {
-          setError("An unknown error occurred");
-        }
-      } finally {
-        setLoading(false);
-      }
+      setServices(response);
+      setLoading(false);
     };
 
     fetchServices();
-  }, []);
+  }, [getCookie("selectedLocale")]);
 
   const renderServiceCard = (service?: Service, index?: number) => (
     <div