diff --git a/client/index.html b/client/index.html index 9a23c44..f63716a 100644 --- a/client/index.html +++ b/client/index.html @@ -51,12 +51,6 @@ -
-
Visitor
-
-
- - diff --git a/client/src/component/Footer.jsx b/client/src/component/Footer.jsx index de2ab2b..1a65a63 100644 --- a/client/src/component/Footer.jsx +++ b/client/src/component/Footer.jsx @@ -3,12 +3,13 @@ import PropTypes from 'prop-types'; import { Link } from 'react-router-dom'; import { FaXTwitter } from "react-icons/fa6"; import { FaGithub, FaLinkedin, FaYoutube } from 'react-icons/fa'; +import React, { useEffect, useState } from 'react'; -import React, { useEffect, useState } from "react"; const Footer = (props) => { const [email, setEmail] = useState(""); const [message, setMessage] = useState(""); const [isError, setIsError] = useState(false); // Flag to handle message color + const [stars, setStars] = useState(0); const handleSubscribe = async (e) => { e.preventDefault(); @@ -78,6 +79,14 @@ const Footer = (props) => { }; }, []); + useEffect(() => { + const fetchGitHubStars = async () => { + const response = await fetch('https://api.github.com/repos/Bitbox-Connect/Bitbox'); + const data = await response.json(); + setStars(data.stargazers_count); + }; + fetchGitHubStars(); + }, []); return ( @@ -115,6 +124,41 @@ const Footer = (props) => {

)} +
+ + + + + Star us ⭐ {stars !== null ? stars : '...'} + + +
+
+ Total Visitors : + + Visit counter for websites + +
+
+ +
+ + +
{/* Left section with branding and social icons */}