Merge branch 'crescents-stack:main' into main

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"
   },

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>
   );
 };

src/app/case-studies/_utils/clients-reviews.tsx

@@ -1,23 +1,38 @@
+"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,
 }: {
   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}
     </>
   );