From fb75058fe0ba30f5b340b9070e5d45208e74d656 Mon Sep 17 00:00:00 2001
From: musiur <musiur.opu@gmail.com>
Date: Fri, 6 Dec 2024 15:23:58 +0600
Subject: [PATCH] fix build issue with review fetch

---
 package.json                                  |  2 +-
 src/app/case-studies/[slug]/page.tsx          |  2 +-
 .../case-studies/_utils/clients-reviews.tsx   | 25 +++++++++++++++----
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 9d6113a..cced597 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build --no-lint",
+    "build": "next build",
     "start": "next start",
     "lint": "next lint"
   },
diff --git a/src/app/case-studies/[slug]/page.tsx b/src/app/case-studies/[slug]/page.tsx
index 50240fc..3e3a84f 100644
--- a/src/app/case-studies/[slug]/page.tsx
+++ b/src/app/case-studies/[slug]/page.tsx
@@ -25,7 +25,7 @@ const CaseStudiesTemplate = ({ params }: { params: { slug: string } }) => {
       <Approach data={approach} />
       <Results data={result} />
       <OurReview data={review} />
-      <ClientsReviews testimonial={false} />
+      <ClientsReviews testimonial={true} />
     </Fragment>
   );
 };
diff --git a/src/app/case-studies/_utils/clients-reviews.tsx b/src/app/case-studies/_utils/clients-reviews.tsx
index e7c0b11..a76cc45 100644
--- a/src/app/case-studies/_utils/clients-reviews.tsx
+++ b/src/app/case-studies/_utils/clients-reviews.tsx
@@ -1,8 +1,11 @@
+"use client"
+
 import { Action___GET__AllReviews } from "@/app/reviews/post/_utils/actions";
 import ProjectIdea from "../../_utils/project-idea-banner";
 import Testimonials from "../../services/_utils/testimonials";
+import { useEffect, useState } from "react";
 
-const ClientsReviews = async ({
+const ClientsReviews = ({
   testimonial = true,
   projectIdea = true,
   reviews,
@@ -10,14 +13,26 @@ const ClientsReviews = async ({
   testimonial?: boolean;
   projectIdea?: boolean;
   reviews?: object[];
-}) => {
-  if (!reviews) {
+  }) => {
+  const [clientReviews, setClientReviews] = useState<object[]>([]);
+  const fetchReviews = async () => {
     const result = await Action___GET__AllReviews();
-    reviews = result?.data?.length ? result?.data : [];
+    setClientReviews(result?.data?.length ? result?.data : []);
   }
+  
+
+  useEffect(() => {
+    if (!reviews) {
+      fetchReviews();
+    }
+  }, []);
   return (
     <>
-      {testimonial && reviews?.length ? <Testimonials data={reviews} /> : null}
+      {testimonial ? (
+        clientReviews?.length ? (
+          <Testimonials data={clientReviews} />
+        ) : null
+      ) : null}
       {projectIdea ? <ProjectIdea /> : null}
     </>
   );