visitor get api integration completed

Author: vishnumohanan404

src/components/visits.jsx

@@ -1,11 +1,25 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 
 const Visits = () => {
+  const [count, setCount] = useState("");
+  useEffect(() => {
+    const fetchVisits = async () => {
+      const data = await fetch(
+        import.meta.env.VITE_API_GATEWAY_ENDPOINT + "/visitors",
+        {
+          method: "GET",
+        }
+      );
+      const countObj = await new Response(data.body).json();
+      setCount(countObj.count);
+    };
+    fetchVisits();
+  }, []);
   return (
     <div className="w-min m-auto rounded-3xl p-px bg-gradient-to-b from-blue-300 to-pink-300 dark:from-blue-800 dark:to-purple-800 ">
       <div className="rounded-[calc(1.5rem-1px)] p-1 py-0 bg-white dark:bg-gray-900">
         <span className="text-nowrap text-muted-foreground font-light text-sm">
-          153 Visits
+          {count.N} Visits
         </span>
       </div>
     </div>