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 (
- + ); } 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) => (