Fix RateLimit

Author: devxprite

app/[username]/page.js

@@ -63,12 +63,13 @@ const page = async ({ params: { username } }) => {
             userStats,
             topContributions,
             followUp,
+            rateLimit,
         },
     ] = await Promise.all([fetchActivity(username), fetchUserData(username), updateRecentProfilesDb()]);
 
     return (
         <main className="mx-auto max-w-screen-xl space-y-8 px-3 pb-10 md:space-y-16">
-            <RateLimit />
+            <RateLimit limit={rateLimit} />
             <UserInfo username={username} {...userInfo} />
             <Stats stats={userStats} />
             <Languages languages={languagesSize} />

components/RateLimit.js

@@ -1,29 +1,9 @@
-'ues server';
-
-import githubGraphql from '@/utils/githubGraphql';
-import { unstable_noStore } from 'next/cache';
-
-const RateLimit = async () => {
-    unstable_noStore();
-    const query = `
-        query{
-            rateLimit{
-                cost
-                limit
-                remaining
-                used
-                resetAt
-            }
-        }
-    `;
-
-    const { rateLimit } = await githubGraphql({ query });
-
+const RateLimit = async ({ limit }) => {    
     return (
-        <div className="fixed bottom-0 right-0 hidden md:block z-20 border border-gray-700 bg-gray-800 px-3 md:px-4 py-2 text-xs shadow-xl shadow-gray-900 md:bottom-8 md:right-6 md:text-sm">
+        <div className="fixed bottom-0 right-0 z-20 hidden border border-gray-700 bg-gray-800 px-3 py-2 text-xs shadow-xl shadow-gray-900 md:bottom-8 md:right-6 md:block md:px-4 md:text-sm">
             <p>
-                <span className=" text-sm font-bold md:text-base">{rateLimit.remaining}</span> requests left <br />{' '}
-                before rate-limit
+                <span className=" text-sm font-bold md:text-base">{limit.remaining}</span> requests left <br /> before
+                rate-limit
             </p>
         </div>
     );

utils/fetchUserData.js

@@ -264,6 +264,7 @@ const fetchUserData = async login => {
         topContributions,
         userStats,
         followUp,
+        rateLimit
     };
 };