fixed bug issue #249

Author: AmanJain18

components/aboutUs.js

@@ -2,6 +2,7 @@
 import {useState, useEffect} from "react";
 import {BallTriangle} from "react-loader-spinner";
 import {SiBuymeacoffee} from "react-icons/si";
+import GitStats from "../components/gitstats";
 import Link from "next/link";
 
 const AboutUs = () => {
@@ -119,6 +120,7 @@ const AboutUs = () => {
                     <p className=" mt-8 mb-8 text-xl text-white underline underline-offset-4">
                       Our Contributers 🥂
                     </p>
+                    <GitStats className="!top-0 !left-0 !relative !mb-10 max-w-md9: !flex" />
                     <div
                       id="contributors"
                       className="overflow-auto whitespace-nowrap w-auto flex flex-wrap justify-evenly gap-1 md:gap-8"></div>

components/gitstats.js

@@ -2,20 +2,21 @@
 import React from "react";
 import {TbGitFork} from "react-icons/tb";
 import {BsStarFill} from "react-icons/bs";
-
+import cn from 'classnames';
 import useSWR from "swr";
 
 async function fetcher(...arg) {
   const res = await fetch(...arg);
 
   return res.json();
 }
-const GitStats = () => {
+const GitStats = (props) => {
+  const {className} = props;
   const {data} = useSWR("/api/github", fetcher);
 
   return (
     <a
-      className="gitstats_box"
+      className={cn("gitstats_box", className)}
       href="https://github.com/jsvigneshkanna/tailwind_ui_components"
       target="__blank">
       <div className="gitstats_fork">

package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@octokit/rest": "^19.0.5",
+    "classnames": "^2.3.2",
     "install-peerdeps": "^3.0.3",
     "next": "^12.3.1",
     "nextjs": "0.0.3",