From 1c6d0e04d799f8593a1848fe2ac66b21f2a9b73d Mon Sep 17 00:00:00 2001 From: Parwathi-Jayaram Date: Tue, 13 Jan 2026 23:40:44 +0530 Subject: [PATCH 1/4] resolved the issue --- package-lock.json | 16 ++++++++-------- src/components/home/FeaturesSection.tsx | 20 ++++++++++++++++---- 2 files changed, 24 insertions(+), 12 deletions(-) diff --git a/package-lock.json b/package-lock.json index 471fb08..be10754 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,7 +27,7 @@ "eslint-config-next": "15.5.4", "jsdom": "^27.4.0", "tailwindcss": "^4", - "typescript": "5.9.3", + "typescript": "^5", "vitest": "^4.0.16" } }, @@ -6045,9 +6045,9 @@ "license": "MIT" }, "node_modules/js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz", + "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==", "dev": true, "license": "MIT", "dependencies": { @@ -7945,11 +7945,11 @@ } }, "node_modules/tar": { - "version": "7.5.1", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz", - "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==", + "version": "7.5.2", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz", + "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==", "dev": true, - "license": "ISC", + "license": "BlueOak-1.0.0", "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", diff --git a/src/components/home/FeaturesSection.tsx b/src/components/home/FeaturesSection.tsx index c82fbe5..fdd135e 100644 --- a/src/components/home/FeaturesSection.tsx +++ b/src/components/home/FeaturesSection.tsx @@ -1,6 +1,6 @@ 'use client'; -import React, { useEffect, useRef, useState } from 'react'; +import React, { useEffect, useRef, useState ,useCallback} from 'react'; import Image from 'next/image'; import { FiUsers, FiBarChart, FiShield, FiMessageCircle, FiGithub, FiClock, FiBell, FiWifi, FiCode, FiChevronLeft, FiChevronRight, FiZap } from 'react-icons/fi'; import { FaTrophy } from 'react-icons/fa'; @@ -102,29 +102,41 @@ const FeaturesSection = () => { benefits: ['Automatic tracking', 'Digital wellness insights', 'Time optimization'] } ]; + + + const startAutoScroll = useCallback(() => { + if (intervalRef.current) { + clearInterval(intervalRef.current); + } - useEffect(() => { intervalRef.current = setInterval(() => { setCurrentIndex((prev) => (prev + 1) % features.length); - }, 4000); + }, 8000); + }, [features.length]); + +useEffect(() => { + startAutoScroll(); return () => { if (intervalRef.current) { clearInterval(intervalRef.current); } }; - }, [features.length]); + }, [startAutoScroll]); const nextSlide = () => { setCurrentIndex((prev) => (prev + 1) % features.length); + startAutoScroll(); }; const prevSlide = () => { setCurrentIndex((prev) => (prev - 1 + features.length) % features.length); + startAutoScroll(); }; const goToSlide = (index: number) => { setCurrentIndex(index); + startAutoScroll(); }; return ( From 1364cc2c8bb52788017c2dfb52c00ca8467aed97 Mon Sep 17 00:00:00 2001 From: Parwathi-Jayaram Date: Wed, 21 Jan 2026 23:54:59 +0530 Subject: [PATCH 2/4] new pull request --- package-lock.json | 6 +-- src/components/home/FeaturesSection.tsx | 55 ++++++++++++------------- 2 files changed, 30 insertions(+), 31 deletions(-) diff --git a/package-lock.json b/package-lock.json index be10754..8de0edc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7945,9 +7945,9 @@ } }, "node_modules/tar": { - "version": "7.5.2", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz", - "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==", + "version": "7.5.6", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.6.tgz", + "integrity": "sha512-xqUeu2JAIJpXyvskvU3uvQW8PAmHrtXp2KDuMJwQqW8Sqq0CaZBAQ+dKS3RBXVhU4wC5NjAdKrmh84241gO9cA==", "dev": true, "license": "BlueOak-1.0.0", "dependencies": { diff --git a/src/components/home/FeaturesSection.tsx b/src/components/home/FeaturesSection.tsx index fdd135e..3870e74 100644 --- a/src/components/home/FeaturesSection.tsx +++ b/src/components/home/FeaturesSection.tsx @@ -104,40 +104,39 @@ const FeaturesSection = () => { ]; - const startAutoScroll = useCallback(() => { - if (intervalRef.current) { - clearInterval(intervalRef.current); - } - - intervalRef.current = setInterval(() => { - setCurrentIndex((prev) => (prev + 1) % features.length); - }, 8000); - }, [features.length]); +const startAutoScroll = useCallback(() => { + if (intervalRef.current) { + clearInterval(intervalRef.current); + } + intervalRef.current = setInterval(() => { + setCurrentIndex((prev) => (prev + 1) % features.length); + }, 10000); +}, [features.length]); useEffect(() => { - startAutoScroll(); - - return () => { - if (intervalRef.current) { - clearInterval(intervalRef.current); - } - }; - }, [startAutoScroll]); + startAutoScroll(); - const nextSlide = () => { - setCurrentIndex((prev) => (prev + 1) % features.length); - startAutoScroll(); + return () => { + if (intervalRef.current) { + clearInterval(intervalRef.current); + } }; +}, [startAutoScroll]); - const prevSlide = () => { - setCurrentIndex((prev) => (prev - 1 + features.length) % features.length); - startAutoScroll(); - }; + const nextSlide = () => { + setCurrentIndex((prev) => (prev + 1) % features.length); + startAutoScroll(); +}; - const goToSlide = (index: number) => { - setCurrentIndex(index); - startAutoScroll(); - }; + const prevSlide = () => { + setCurrentIndex((prev) => (prev - 1 + features.length) % features.length); + startAutoScroll(); +}; + + const goToSlide = (index: number) => { + setCurrentIndex(index); + startAutoScroll(); +}; return (
From 585c6ff494f8f189ff72eab301326f6b31d88f28 Mon Sep 17 00:00:00 2001 From: Parwathi-Jayaram Date: Thu, 22 Jan 2026 10:30:30 +0530 Subject: [PATCH 3/4] Document format improved --- src/components/home/FeaturesSection.tsx | 45 ++++++++++++------------- 1 file changed, 22 insertions(+), 23 deletions(-) diff --git a/src/components/home/FeaturesSection.tsx b/src/components/home/FeaturesSection.tsx index 3870e74..b4f001e 100644 --- a/src/components/home/FeaturesSection.tsx +++ b/src/components/home/FeaturesSection.tsx @@ -1,6 +1,6 @@ 'use client'; -import React, { useEffect, useRef, useState ,useCallback} from 'react'; +import React, { useEffect, useRef, useState, useCallback } from 'react'; import Image from 'next/image'; import { FiUsers, FiBarChart, FiShield, FiMessageCircle, FiGithub, FiClock, FiBell, FiWifi, FiCode, FiChevronLeft, FiChevronRight, FiZap } from 'react-icons/fi'; import { FaTrophy } from 'react-icons/fa'; @@ -102,7 +102,7 @@ const FeaturesSection = () => { benefits: ['Automatic tracking', 'Digital wellness insights', 'Time optimization'] } ]; - + const startAutoScroll = useCallback(() => { if (intervalRef.current) { @@ -153,7 +153,7 @@ useEffect(() => { Open Source
- +

The Future of @@ -170,7 +170,7 @@ useEffect(() => { vibrant social experience

- + {/* Open Source Badge */}
@@ -201,7 +201,7 @@ useEffect(() => { {/* Card */}
{features[(currentIndex - 1 + features.length) % features.length] && ( -
@@ -232,7 +232,7 @@ useEffect(() => { {features[currentIndex].category}
- +
{features[currentIndex].icon} @@ -243,7 +243,7 @@ useEffect(() => {

{features[currentIndex].title}

- +

{features[currentIndex].detailedDescription}

@@ -275,7 +275,7 @@ useEffect(() => { {/* Side Card */}
{features[(currentIndex + 1) % features.length] && ( -
@@ -316,11 +316,10 @@ useEffect(() => {
@@ -338,19 +337,19 @@ useEffect(() => { Show your support and help us reach more users by upvoting BrowsePing on Product Hunt!

- +
- - BrowsePing - Socialize your presence and make browsing insightful. | Product Hunt @@ -364,7 +363,7 @@ useEffect(() => {
- +
{/* Content section */} @@ -380,12 +379,12 @@ useEffect(() => { {' '}Community

- +

Join developers building the future of social browsing. Contribute and help shape the project.

- + {/* Button section */}
Date: Thu, 22 Jan 2026 21:47:15 +0530 Subject: [PATCH 4/4] fix code formatting --- src/components/home/FeaturesSection.tsx | 57 +++++++++++++------------ 1 file changed, 29 insertions(+), 28 deletions(-) diff --git a/src/components/home/FeaturesSection.tsx b/src/components/home/FeaturesSection.tsx index b4f001e..5dd6d5e 100644 --- a/src/components/home/FeaturesSection.tsx +++ b/src/components/home/FeaturesSection.tsx @@ -104,39 +104,40 @@ const FeaturesSection = () => { ]; -const startAutoScroll = useCallback(() => { - if (intervalRef.current) { - clearInterval(intervalRef.current); - } - - intervalRef.current = setInterval(() => { - setCurrentIndex((prev) => (prev + 1) % features.length); - }, 10000); -}, [features.length]); -useEffect(() => { - startAutoScroll(); - - return () => { + const startAutoScroll = useCallback(() => { if (intervalRef.current) { clearInterval(intervalRef.current); } + + intervalRef.current = setInterval(() => { + setCurrentIndex((prev) => (prev + 1) % features.length); + }, 10000); + }, [features.length]); + + useEffect(() => { + startAutoScroll(); + + return () => { + if (intervalRef.current) { + clearInterval(intervalRef.current); + } + }; + }, [startAutoScroll]); + + const nextSlide = () => { + setCurrentIndex((prev) => (prev + 1) % features.length); + startAutoScroll(); }; -}, [startAutoScroll]); - - const nextSlide = () => { - setCurrentIndex((prev) => (prev + 1) % features.length); - startAutoScroll(); -}; - const prevSlide = () => { - setCurrentIndex((prev) => (prev - 1 + features.length) % features.length); - startAutoScroll(); -}; + const prevSlide = () => { + setCurrentIndex((prev) => (prev - 1 + features.length) % features.length); + startAutoScroll(); + }; - const goToSlide = (index: number) => { - setCurrentIndex(index); - startAutoScroll(); -}; + const goToSlide = (index: number) => { + setCurrentIndex(index); + startAutoScroll(); + }; return (
@@ -406,4 +407,4 @@ useEffect(() => { ); }; -export default FeaturesSection; \ No newline at end of file +export default FeaturesSection;