From e233092ceef7f92178d0032f23bba868b873dfcb Mon Sep 17 00:00:00 2001
From: Pratik Gupta <36588068+CyberSpyderX@users.noreply.github.com>
Date: Wed, 9 Oct 2024 09:02:30 -0400
Subject: [PATCH] fix: testimonial loading, animation and ui fixes (#479)
 (#480)

Co-authored-by: Vineet Agarwal <91052168+VineeTagarwaL-code@users.noreply.github.com>
---
 src/app/globals.css                         |  1 +
 src/components/Testimonials.tsx             |  8 +++++++-
 src/components/ui/infinite-moving-cards.tsx | 11 +----------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index bc57475e..5c1ae871 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -392,6 +392,7 @@ html {
   display: inline-block;
   transform: rotate(-2deg);
 }
+
 .react-tweet-theme {
   height: 100%;
 }
diff --git a/src/components/Testimonials.tsx b/src/components/Testimonials.tsx
index 906c7189..f617eede 100644
--- a/src/components/Testimonials.tsx
+++ b/src/components/Testimonials.tsx
@@ -12,6 +12,8 @@ const tweetIds = [
   '1826968639049724010',
 ];
 
+const finalTweetIds = [...tweetIds, ...tweetIds];
+
 export default function Testimonials() {
   return (
     <div
@@ -24,7 +26,11 @@ export default function Testimonials() {
           Real Success Stories from Job Seekers and Employers
         </p>
       </div>
-      <InfiniteMovingCards items={tweetIds} direction="right" speed="slow" />
+      <InfiniteMovingCards
+        items={finalTweetIds}
+        direction="right"
+        speed="slow"
+      />
     </div>
   );
 }
diff --git a/src/components/ui/infinite-moving-cards.tsx b/src/components/ui/infinite-moving-cards.tsx
index 7af246e3..b1702a80 100644
--- a/src/components/ui/infinite-moving-cards.tsx
+++ b/src/components/ui/infinite-moving-cards.tsx
@@ -26,15 +26,6 @@ export const InfiniteMovingCards = ({
   const [start, setStart] = useState(false);
   function addAnimation() {
     if (containerRef.current && scrollerRef.current) {
-      const scrollerContent = Array.from(scrollerRef.current.children);
-
-      scrollerContent.forEach((item) => {
-        const duplicatedItem = item.cloneNode(true);
-        if (scrollerRef.current) {
-          scrollerRef.current.appendChild(duplicatedItem);
-        }
-      });
-
       getDirection();
       getSpeed();
       setStart(true);
@@ -84,7 +75,7 @@ export const InfiniteMovingCards = ({
       >
         {items.map((id, index) => (
           <li
-            className="w-[350px] min-h-fit h-[700px] max-w-full relative rounded-2xl   flex-shrink-0  px-8 py-6 md:w-[450px]"
+            className="w-[350px] min-h-fit max-w-full relative rounded-2xl   flex-shrink-0  px-8 py-6 md:w-[450px]"
             // style={{
             //   background:
             //     'linear-gradient(180deg, var(--slate-800), var(--slate-900)',