Update all dependencies and fix minor bugs

Author: max-programming

.gitignore

@@ -32,3 +32,4 @@ yarn-error.log*
 
 # vercel
 .vercel
+.env*.local

components/ContributorCard.tsx

@@ -30,6 +30,7 @@ export default function ContributorCard({ contributor }: Props) {
     : contributor.avatar_url;
 
   useEffect(() => {
+    if (!hash) return;
     if (hash.toLowerCase() === contributor.login.toLowerCase()) {
       cardRef.current?.scrollIntoView({
         behavior: 'smooth',
@@ -41,18 +42,18 @@ export default function ContributorCard({ contributor }: Props) {
 
   return (
     <button
-      className="text-center shadow-2xl card min-w-full justify-center focus-within:outline-sky-300"
+      className="justify-center min-w-full text-center shadow-2xl card focus-within:outline-sky-300"
       id={contributor.login}
       onClick={() => router.replace({ hash: contributor.login })}
       ref={cardRef}
     >
-      <div className="w-full mx-auto pt-5">
-        <figure className="h-full w-full">
+      <div className="w-full pt-5 mx-auto">
+        <figure className="w-full h-full">
           <img src={url} alt={contributor.name} className="rounded-xl" />
         </figure>
       </div>
-      <div className="card-body gap-3 text-center w-full">
-        <h2 className="text-center text-2xl font-bold text-2023-bavarian-blue-1">
+      <div className="w-full gap-3 text-center card-body">
+        <h2 className="text-2xl font-bold text-center text-2023-bavarian-blue-1">
           {contributor.name}
         </h2>
         <a
@@ -61,9 +62,9 @@ export default function ContributorCard({ contributor }: Props) {
         >
           {contributor.profile}
         </a>
-        <div className="justify-center card-actions mt-auto">
+        <div className="justify-center mt-auto card-actions">
           <a
-            className="text-2023-bavarian-blue-1 btn border-2023-bavarian-blue-2 hover:border-2023-bavarian-blue-2 btn-outline border-2 hover:bg-2023-bavarian-blue-2 hover:text-2023-bavarian-blue-4"
+            className="border-2 text-2023-bavarian-blue-1 btn border-2023-bavarian-blue-2 hover:border-2023-bavarian-blue-2 btn-outline hover:bg-2023-bavarian-blue-2 hover:text-2023-bavarian-blue-4"
             href={`https://github.com/${contributor.login}`}
             target="_blank"
             rel="noreferrer"

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

package.json

@@ -10,42 +10,42 @@
     "format": "prettier --write \"./**/*.{ts,tsx,json}\""
   },
   "dependencies": {
-    "@fontsource/poppins": "^5.0.8",
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-regular-svg-icons": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fontsource/poppins": "^5.0.16",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@next-auth/xata-adapter": "^0.2.2",
-    "@t3-oss/env-nextjs": "^0.6.1",
+    "@t3-oss/env-nextjs": "^0.11.1",
     "@twuni/emojify": "^1.0.2",
-    "@xata.io/client": "^0.26.7",
-    "axios": "^1.5.1",
-    "daisyui": "^3.7.7",
-    "framer-motion": "^10.16.4",
-    "jotai": "^2.4.3",
-    "next": "^13.5.3",
-    "next-auth": "^4.23.2",
-    "next-cloudinary": "^4.22.0",
-    "next-seo": "^6.1.0",
+    "@xata.io/client": "^0.30.0",
+    "axios": "^1.7.7",
+    "daisyui": "^4.12.10",
+    "framer-motion": "^11.5.4",
+    "jotai": "^2.9.3",
+    "next": "^14.2.8",
+    "next-auth": "^4.24.7",
+    "next-cloudinary": "^6.12.0",
+    "next-seo": "^6.6.0",
     "nextjs-progressbar": "^0.0.16",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-hook-form": "^7.46.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "^7.53.0",
     "react-hot-toast": "^2.4.1",
-    "react-icons": "^4.11.0",
-    "zod": "^3.22.2"
+    "react-icons": "^5.3.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@types/node": "^20.6.3",
-    "@types/react": "18.2.22",
-    "@types/twuni__emojify": "^1.0.0",
-    "autoprefixer": "^10.4.16",
-    "eslint": "8.50.0",
-    "eslint-config-next": "13.5.2",
-    "postcss": "^8.4.30",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.5",
-    "tailwindcss": "^3.3.3",
-    "typescript": "5.2.2"
+    "@types/node": "^22.5.4",
+    "@types/react": "18.3.5",
+    "@types/twuni__emojify": "^1.0.2",
+    "autoprefixer": "^10.4.20",
+    "eslint": "9.10.0",
+    "eslint-config-next": "14.2.8",
+    "postcss": "^8.4.45",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.6",
+    "tailwindcss": "^3.4.10",
+    "typescript": "5.5.4"
   }
 }

pages/repos/[language].tsx

@@ -34,10 +34,10 @@ export const getServerSideProps: GetServerSideProps<Props> = async ctx => {
     startStars && endStars
       ? `stars:${startStars}..${endStars}`
       : startStars && !endStars
-      ? `stars:>${startStars}`
-      : !startStars && endStars
-      ? `stars:<${endStars}`
-      : '';
+        ? `stars:>${startStars}`
+        : !startStars && endStars
+          ? `stars:<${endStars}`
+          : '';
 
   const apiUrl = `https://api.github.com/search/repositories?q=topic%3Ahacktoberfest+language%3A${languageName}+${searchQuery}+${starsQuery}&page=${page}&per_page=21&sort=${sort}&order=${order}`;
 
@@ -126,7 +126,7 @@ const Language = ({ page, repos, languageName }: Props) => {
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}
           >
-            <button className="relative w-12 aspect-square flex justify-center items-center rounded-full bg-2023-bavarian-blue-2 text-2xl hover:scale-95 transition-transform ">
+            <button className="relative flex items-center justify-center w-12 text-2xl transition-transform rounded-full aspect-square bg-2023-bavarian-blue-2 hover:scale-95 ">
               <FaAngleUp className="text-slate-100" />
             </button>
           </motion.div>
@@ -136,7 +136,7 @@ const Language = ({ page, repos, languageName }: Props) => {
         <div className="min-h-screen pt-5">
           <div className="text-center">
             <div className="w-5/6 max-w-md mx-auto">
-              <h1 className="mb-5 text-5xl text-neutral-100 font-bold uppercase">
+              <h1 className="mb-5 text-5xl font-bold uppercase text-neutral-100">
                 {repos.total_count} repositories for{' '}
                 <span className="font-mono text-2023-bavarian-gold-2">
                   {router.query.q
@@ -148,7 +148,7 @@ const Language = ({ page, repos, languageName }: Props) => {
           </div>
           <Sort />
           <StarsFilter />
-          <div className="grid grid-cols-1 gap-8 md:grid-cols-2 p-4 lg:grid-cols-3">
+          <div className="grid grid-cols-1 gap-8 p-4 md:grid-cols-2 lg:grid-cols-3">
             {repos.items.map(repo => (
               <Card key={repo.id} repo={repo} />
             ))}