fix more ci stuff

gp-sb · Dec 6, 2023 · d346342 · d346342
1 parent 62c6a93
commit d346342
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/Frontend/src/pages/nav.js b/Frontend/src/pages/nav.js
@@ -1,5 +1,6 @@
 // Import React
 import React from "react";
+import Link from "next/link";
 
 // NavBar Component
 const NavBar = () => {
@@ -10,38 +11,38 @@ const NavBar = () => {
           <div className="flex space-x-7">
             <div>
               {/* Brand Logo */}
-              <a href="/" className="flex items-center py-4 px-2">
+              <Link href="/" className="flex items-center py-4 px-2">
                 <span className="font-semibold text-blue-500 text-lg">
                   PicturePerfect
                 </span>
-              </a>
+              </Link>
             </div>
             {/* Primary Navbar items */}
             <div className="hidden md:flex items-center space-x-1">
-              <a
+              <Link
                 href="/"
                 className="py-4 px-2 text-gray-300 font-semibold hover:text-blue-400 transition duration-300"
               >
                 Home
-              </a>
-              <a
+              </Link>
+              <Link
                 href="/vote"
                 className="py-4 px-2 text-gray-300 font-semibold hover:text-blue-400 transition duration-300"
               >
                 Vote
-              </a>
-              <a
+              </Link>
+              <Link
                 href="/portfolio"
                 className="py-4 px-2 text-gray-300 font-semibold hover:text-blue-400 transition duration-300"
               >
                 Portfolio
-              </a>
-              <a
+              </Link>
+              <Link
                 href="/leaderboard"
                 className="py-4 px-2 text-gray-300 font-semibold hover:text-blue-400 transition duration-300"
               >
                 leaderboard
-              </a>
+              </Link>
             </div>
           </div>
           {/* Mobile menu button */}
@@ -67,36 +68,36 @@ const NavBar = () => {
       <div className="hidden mobile-menu">
         <ul className="">
           <li>
-            <a
+            <Link
               href="/"
               className="block text-sm px-2 py-4 text-white bg-blue-500 font-semibold"
             >
               Home
-            </a>
+            </Link>
           </li>
           <li>
-            <a
+            <Link
               href="/Vote"
               className="block text-sm px-2 py-4 hover:bg-blue-500 transition duration-300"
             >
               Vote
-            </a>
+            </Link>
           </li>
           <li>
-            <a
+            <Link
               href="/Portfolio"
               className="block text-sm px-2 py-4 hover:bg-blue-500 transition duration-300"
             >
               Portfolio
-            </a>
+            </Link>
           </li>
           <li>
-            <a
+            <Link
               href="/leaderboard"
               className="block text-sm px-2 py-4 hover:bg-blue-500 transition duration-300"
             >
               leaderboard
-            </a>
+            </Link>
           </li>
         </ul>
       </div>

diff --git a/Frontend/src/pages/vote.js b/Frontend/src/pages/vote.js
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import Image from "next/image";
 import { useState, useEffect } from "react";
 import eloRating from "elo-rating";
 import axios from "axios"; // Import axios for API requests
@@ -52,7 +52,7 @@ export default function Vote() {
       </h1>
       <div className="flex justify-center gap-10 mb-4">
         <div className="text-center">
-          <img
+          <Image
             src={imageOne.url}
             alt="Image One"
             className="w-60 h-60 object-cover rounded-lg shadow-lg hover:shadow-2xl cursor-pointer"
@@ -61,7 +61,7 @@ export default function Vote() {
           <p className="mt-2 text-lg font-semibold">ELO: {eloOne}</p>
         </div>
         <div className="text-center">
-          <img
+          <Image
             src={imageTwo.url}
             alt="Image Two"
             className="w-60 h-60 object-cover rounded-lg shadow-lg hover:shadow-2xl cursor-pointer"