Changeset 636f86c for src/components/navbar.tsx

Timestamp:

09/25/25 16:30:46 (12 months ago)

Author:

stefansaveski <stefansaveski19@…>

Branches:

master

Children:

6b8332f

Parents:

875f7d6

Message:

Add initial data files for applications, documents, semesters, student profiles, and subjects

• Created applications.json with exam sessions and application details for 2024 and 2025.
• Added documents.json containing various document types and their associated fees.
• Introduced semesters.json with details of semesters, including status and financial information.
• Established student-profile.json with personal and educational information for a sample student.
• Implemented subjects.json detailing subjects offered per semester along with their respective professors and statuses.

File:

• src/components/navbar.tsx (modified) (4 diffs)

src/components/navbar.tsx

@@ -9 +9 @@
 import { faBars, faTimes, faGraduationCap } from '@fortawesome/free-solid-svg-icons';
 import { useState } from 'react';
+import Link from 'next/link';
 
 const Navbar = () => {
@@ -18 +19 @@
 
   const menuItems = [
-    { icon: faUser, label: 'Профил' },
-    { icon: faBookmark, label: 'Семестри' },
-    { icon: faBook, label: 'Предмети' },
-    { icon: faPenToSquare, label: 'Пријави' },
-    { icon: faListCheck, label: 'Положени' },
-    { icon: faFilePdf, label: 'Документи' }
+    { icon: faUser, label: 'Профил', href: '/profile' },
+    { icon: faBookmark, label: 'Семестри', href: '/semesters' },
+    { icon: faBook, label: 'Предмети', href: '/subjects' },
+    { icon: faPenToSquare, label: 'Пријави', href: '/applications' },
+    { icon: faListCheck, label: 'Положени', href: '/exams' },
+    { icon: faFilePdf, label: 'Документи', href: '/documents' }
   ];
 
@@ -31 +32 @@
       <nav className="hidden md:flex flex-row gap-2 justify-evenly bg-primary text-white p-7 rounded-xl my-5 text-xl">
         {menuItems.map((item, index) => (
-          <div key={index} className="group flex flex-row items-center gap-2 px-3 py-2 rounded-lg cursor-pointer transition-all duration-300 hover:bg-white hover:bg-opacity-20 hover:scale-105 hover:shadow-lg hover:text-primary">
-            <FontAwesomeIcon icon={item.icon} className="transition-transform duration-300 group-hover:rotate-12" />
-            <span>{item.label}</span>
-          </div>
+          <Link key={index} href={item.href}>
+            <div className="group flex flex-row items-center gap-2 px-3 py-2 rounded-lg cursor-pointer transition-all duration-300 hover:bg-white hover:bg-opacity-20 hover:scale-105 hover:shadow-lg hover:text-primary">
+              <FontAwesomeIcon icon={item.icon} className="transition-transform duration-300 group-hover:rotate-12" />
+              <span>{item.label}</span>
+            </div>
+          </Link>
         ))}
       </nav>
@@ -65 +68 @@
           <div className="px-4 pb-4 space-y-2">
             {menuItems.map((item, index) => (
-              <div key={index} className="group flex flex-row items-center gap-3 px-3 py-3 rounded-lg cursor-pointer transition-all duration-300 hover:bg-white hover:bg-opacity-20 hover:text-primary">
-                <FontAwesomeIcon icon={item.icon} className="transition-transform duration-300 group-hover:rotate-12" />
-                <span className="text-lg">{item.label}</span>
-              </div>
+              <Link key={index} href={item.href}>
+                <div className="group flex flex-row items-center gap-3 px-3 py-3 rounded-lg cursor-pointer transition-all duration-300 hover:bg-white hover:bg-opacity-20 hover:text-primary">
+                  <FontAwesomeIcon icon={item.icon} className="transition-transform duration-300 group-hover:rotate-12" />
+                  <span className="text-lg">{item.label}</span>
+                </div>
+              </Link>
             ))}
           </div>