chore: misc updates

amansxcalibur · amansxcalibur · commit bb6b8d760691 · 2025-07-19T13:34:30.000+05:30
diff --git a/app/(auth)/(forms)/layout.jsx b/app/(auth)/(forms)/layout.jsx
@@ -6,7 +6,7 @@ import { BASE_URL } from '@/app/_utils/api_constants';
 
 export default function Layout({ children }) {
    return (
-      <div className="flex min-h-screen max-md:flex-col">
+      <div className="flex min-h-dvh max-md:flex-col">
          <div className="fixed mb-2 ml-2 mt-[1vw] flex h-[5vw] items-center p-[1vw] text-[2vw] max-sm:mt-3 max-sm:h-[72px] max-sm:flex-1 max-sm:text-3xl">
             <Link
                className="rounded-full transition duration-300 hover:rotate-[360deg]"
diff --git a/app/(lander)/page.jsx b/app/(lander)/page.jsx
@@ -53,10 +53,10 @@ export default function Home() {
                         Get Started
                      </p>
 
-                     <div className="ml-[-2vw] flex h-[6vw] min-h-[6vw] min-w-max text-[#ffffffb9] transition-all duration-700 group-hover:text-white max-md:ml-[-6vw] max-md:h-[17vw]">
+                     <div className="ml-[-2vw] flex size-[6vw] text-[#ffffffb9] transition-all duration-700 group-hover:text-white max-md:ml-[-6vw] max-md:size-[17vw]">
                         <ChevronLeft />
                      </div>
-                     <div className="ml-[-4vw] flex h-[6vw] min-h-[6vw] min-w-max text-[#ffffffb9] transition-all duration-700 group-hover:text-white max-md:ml-[-12vw] max-md:h-[17vw]">
+                     <div className="ml-[-4vw] flex size-[6vw] text-[#ffffffb9] transition-all duration-700 group-hover:text-white max-md:ml-[-12vw] max-md:mr-[-1.2vw] max-md:size-[17vw]">
                         <ChevronLeft />
                      </div>
 
diff --git a/app/dashboard/(timetable)/table/page.jsx b/app/dashboard/(timetable)/table/page.jsx
@@ -92,7 +92,7 @@ export default function Table() {
                            {Object.values(rowVal).map((cellValue, colIndex) => (
                               <td
                                  key={colIndex}
-                                 className={`size-[13vw] text-center ${!timetable[rowId][colIndex] ? 'hover:bg-[#0e0e0f]' : 'bg-[#202224] hover:bg-[#292b2e]'} border border-black max-sm:size-[19.5vw]`}
+                                 className={`size-[13vw] text-center ${!timetable[rowId][colIndex] ? 'hover:bg-[#0e0e0f]' : 'bg-[#1c1c1c] hover:bg-[#2b2b2b]'} border border-black max-sm:size-[19.5vw]`}
                               >
                                  <div className="flex h-full flex-wrap items-center justify-center break-all">
                                     {timetable[rowId][colIndex]}
diff --git a/app/dashboard/ranked/page.jsx b/app/dashboard/ranked/page.jsx
@@ -1,9 +1,34 @@
+import Image from 'next/image';
+
 export default function RankedBunking() {
    return (
-      <div className="flex h-full items-center justify-center text-white">
-         <p className="text-2xl max-sm:-mt-32 max-sm:text-xl">
-            Ranked bunking will be coming soon..
-         </p>
+      <div className="flex h-full flex-col items-center justify-center text-white">
+         <div className="mt-[-5vw]"></div>
+         <div className="flex items-center justify-center">
+            <div className="flex flex-col">
+               <Image
+                  src={'/assets/construction.png'}
+                  width={1}
+                  height={1}
+                  alt="construction-har"
+                  className="relative z-20 mb-[-4.5vw] ml-[-0.3vw] max-h-[5vw] w-auto -rotate-12 transition duration-300 hover:translate-x-[-1.5vw] hover:-rotate-45 max-sm:mb-[-55px] max-sm:ml-[-6px] max-sm:max-h-[65px] max-sm:hover:translate-x-[-20px]"
+                  unoptimized
+               />
+
+               <Image
+                  src="/assets/logo.png"
+                  width={1}
+                  height={1}
+                  alt="logo"
+                  className="min-h-[8vw] min-w-[8vw] max-sm:min-h-[95px] max-sm:min-w-[95px]"
+                  unoptimized
+               />
+            </div>
+            <p className="text-2xl max-sm:-mt-32 max-sm:text-xl">
+               Ranked bunking <br />
+               will be coming soon..
+            </p>
+         </div>
       </div>
    );
 }
diff --git a/components/navbar/nav_select/nav_mapped.jsx b/components/navbar/nav_select/nav_mapped.jsx
@@ -4,7 +4,7 @@ import Link from 'next/link';
 export default function NavMapped({ option, href, pathname }) {
    return (
       <>
-         {pathname == href ? (
+         {pathname == href || pathname == '/dashboard/edit' ? (
             <div className="mb-[-0.5vw]">
                <NavSelect
                   props={
diff --git a/components/navbar/navbar.jsx b/components/navbar/navbar.jsx
@@ -1,5 +1,6 @@
 import { options } from '@/app/_utils/navbarConstants';
 import NavMapped from '@/components/navbar/nav_select/nav_mapped';
+import NavSelect from '@/components/navbar/nav_select/nav_select';
 import { usePathname } from 'next/navigation';
 import SideMenu from '@/components/navbar/nav_select/side_menu';
 import Logo from '@/public/assets/logo.png';
@@ -15,13 +16,13 @@ import { useContext, useEffect, useRef } from 'react';
 import { UserContext } from '@/app/_contexts/user_name';
 import User from '@/components/svg/user';
 import { useNotifications } from '@/app/_contexts/notification';
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/navigation';
 
 export default function NavBar() {
    const pathname = usePathname();
    const { userID } = useContext(UserContext);
    const { addNotification } = useNotifications();
-   const router = useRouter;
+   const router = useRouter();
 
    function handleLogout() {
       const header = {
@@ -46,15 +47,23 @@ export default function NavBar() {
             }
          })
          .catch((error) => {
-            if (error.response.status == 401) {
-               router.push('/login');
+            if (error.response) {
+               if (error.response.status === 401) {
+                  router.push('/login');
+               }
+               addNotification('Some error has occurred. Please try again');
+            } else if (error.request) {
+               addNotification(
+                  'Server not responding. Check your internet or try again later.'
+               );
+            } else {
+               addNotification('Request setup failed.');
             }
-            addNotification('Some error has occurred. Please try again');
          });
    }
    return (
-      <nav className="flex h-[5vw] max-sm:h-[72px]">
-         <div className="mb-2 ml-2 flex h-[5vw] flex-1 items-center p-[1vw] text-[2vw] max-sm:mt-3 max-sm:h-[72px] max-sm:flex-1 max-sm:text-3xl">
+      <nav className="flex h-[5vw] max-sm:h-[72px] max-sm:pt-3 max-sm:px-3">
+         <div className="mb-2 flex h-[5vw] flex-1 items-center p-[1vw] text-[2vw] max-sm:h-[72px] max-sm:flex-1 max-sm:text-3xl">
             <Image
                src={Logo}
                alt="logo"
@@ -66,18 +75,32 @@ export default function NavBar() {
          </div>
          <div className="flex justify-center max-sm:hidden">
             <ul className="flex items-center justify-center text-[1.5vw]">
-               {options.map((option) => (
-                  <li key={option.id}>
-                     <NavMapped
-                        option={option.option}
-                        href={option.href}
-                        pathname={pathname}
-                     />
+               {pathname == '/dashboard/edit' ? (
+                  <li key={0}>
+                     <div className="mt-[0.5vw]">
+                        <NavSelect
+                           props={
+                              <div className="mb-[-0.5vw] px-[2vw]">
+                                 <p>{'Edit'}</p>
+                              </div>
+                           }
+                        />
+                     </div>
                   </li>
-               ))}
+               ) : (
+                  options.map((option) => (
+                     <li key={option.id}>
+                        <NavMapped
+                           option={option.option}
+                           href={option.href}
+                           pathname={pathname}
+                        />
+                     </li>
+                  ))
+               )}
             </ul>
          </div>
-         <div className="flex items-center justify-end px-5 text-5xl sm:hidden">
+         <div className="flex items-center justify-end px-2 text-5xl sm:hidden">
             <SideMenu
                options={options}
                pathname={pathname}
diff --git a/components/statistics/data.jsx b/components/statistics/data.jsx
@@ -11,6 +11,7 @@ import { useState, useEffect, useContext } from 'react';
 import HeightLimit from '../height_limit_scrollable/heightLimit';
 import { useRouter } from 'next/navigation';
 import { RefreshContext } from '@/app/_contexts/refresh';
+import { useNotifications } from '@/app/_contexts/notification';
 
 export default function Data() {
    const [hw, setHw] = useState('50vh');
@@ -23,6 +24,7 @@ export default function Data() {
    const [threshold, setThreshold] = useState(0);
    const { refreshCont } = useContext(RefreshContext);
    const router = useRouter();
+   const { addNotification } = useNotifications();
    const header = {
       Authorization:
          'Token ' + JSON.parse(localStorage.getItem(ACCESS_TOKEN_NAME)),
@@ -31,15 +33,27 @@ export default function Data() {
    useEffect(() => {
       axios
          .get(API_BASE_URL + '/statquery', { headers: header })
-         .then(function (response) {
+         .then((response) => {
             if (response.status === 200) {
                setStatData(response.data);
+            } else {
+               addNotification('Unexpected server response.');
             }
          })
-         .catch(function (error) {
-            console.error('Error fetching data:', error);
-            if (error.response.status == 401) {
-               router.push('/login');
+         .catch((error) => {
+            if (error.response) {
+               if (error.response.status === 401) {
+                  addNotification('Session expired. Redirecting to login...');
+                  router.push('/login');
+               } else {
+                  addNotification('Server error while fetching stats.');
+               }
+            } else if (error.request) {
+               addNotification(
+                  'No response from server. Check your connection.'
+               );
+            } else {
+               addNotification('Request setup failed. Please try again.');
             }
          });
    }, [refreshCont]);
@@ -73,14 +87,29 @@ export default function Data() {
                setName(list);
                setThreshold(response.data.threshold);
             } else {
-               //console.log(response.data,'hhhhhh')
+               addNotification('Unexpected response from server.');
             }
          })
-         .catch(function (error) {
-            if (error.response.status == 401) {
-               router.push('/login');
+         .catch((error) => {
+            if (error.response) {
+               if (error.response.status === 401) {
+                  addNotification('Session expired. Redirecting to login...');
+                  router.push('/login');
+               } else {
+                  addNotification(
+                     'Server error. Error status:',
+                     error.response.status
+                  );
+               }
+            } else if (error.request) {
+               addNotification(
+                  'No response from server. Please check your connection.'
+               );
+            } else {
+               addNotification(
+                  'Failed to send request. Please contact support.'
+               );
             }
-            //console.log((error),'mmmmmm');
          });
    }, []);
 
@@ -99,9 +128,9 @@ export default function Data() {
       >
          <div className="sticky top-0 bg-[#1c1c1c]">
             <div className="mb-0 max-sm:mb-2">
-               <p className="text-[6vw] max-sm:text-6xl">
+               <div className="text-[6vw] max-sm:text-6xl">
                   <ExpandableName name={name} />
-               </p>
+               </div>
             </div>
             <div className="flex">
                <div className="flex flex-[2] items-center">
@@ -154,49 +183,21 @@ export default function Data() {
 
 function ExpandableName({ name }) {
    const [expanded, setExpanded] = useState(false);
-   const [isWrapped, setIsWrapped] = useState(false);
-
-   useEffect(() => {
-      if ((name[0] + name[1]).length > 20) {
-         setIsWrapped(true);
-         setExpanded(false);
-      } else {
-         setExpanded(true);
-      }
-   }, [name]);
 
    return (
       <div
-         className="w-full cursor-pointer break-words text-[6vw] max-sm:text-6xl"
-         onClick={() => {
-            isWrapped && setExpanded(!expanded);
-         }}
+         className="w-full cursor-pointer text-[6vw] max-sm:text-6xl"
+         onClick={() => setExpanded(!expanded)}
       >
-         <p className="max-sm:hidden">
-            {expanded ? (
-               <>
-                  <span>{name[0]}</span>
-                  &nbsp;
-                  <span className="font-thin">{name[1]}</span>
-               </>
-            ) : name[0]?.length > 20 ? (
-               <>
-                  <span>{name[0].slice(0, 20)}</span>
-               </>
-            ) : (
-               <>
-                  <span>{name[0]}</span>
-                  &nbsp;
-                  <span className="font-thin">
-                     {name[1]?.slice(0, 20 - name[0].length) + '...'}
-                  </span>
-               </>
-            )}
-         </p>
-         <p className="sm:hidden">
-            <span>{name[0]}</span>
-            &nbsp;
-            <span className="font-thin">{name[1]}</span>
+         <p
+            className={`w-full max-w-[90vw] overflow-hidden text-ellipsis ${
+               expanded
+                  ? 'whitespace-normal'
+                  : 'min-h-[67px] overflow-x-hidden whitespace-nowrap'
+            }`}
+            title={name[0] + ' ' + name[1]}
+         >
+            <span>{name[0]}</span> <span className="font-thin">{name[1]}</span>
          </p>
       </div>
    );
diff --git a/components/statistics/graph.jsx b/components/statistics/graph.jsx
@@ -16,13 +16,10 @@ export default function Graph({ statData, threshold, setThreshold }) {
    return (
       <div className="my-[2vw] flex size-full flex-col max-sm:gap-y-3">
          {statData.map((key, value) => (
-            <div
-               key={value}
-               className="mb-[2vw] flex flex-1 flex-col text-[1.5vw]"
-            >
-               <div className="flex max-sm:flex-col sm:items-center">
+            <div key={value} className="mb-[2vw] flex flex-col text-[1.5vw]">
+               <div className="group flex max-sm:flex-col sm:items-center">
                   {/* Sub Name */}
-                  <div className="group mr-9 flex min-w-[4.6vw] max-sm:m-0 max-sm:min-w-16 max-sm:text-2xl">
+                  <div className="mr-9 flex min-w-[4.6vw] max-sm:m-0 max-sm:min-w-16 max-sm:text-2xl">
                      {/* Desktop */}
                      <p className="flex max-sm:hidden">
                         {key.name.slice(0, 4)}

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export default function Table() {`
`92`	`92`	`{Object.values(rowVal).map((cellValue, colIndex) => (`
`93`	`93`	`<td`
`94`	`94`	`key={colIndex}`
`95`		- className={`size-[13vw] text-center ${!timetable[rowId][colIndex] ? 'hover:bg-[#0e0e0f]' : 'bg-[#202224] hover:bg-[#292b2e]'} border border-black max-sm:size-[19.5vw]`}
	`95`	+ className={`size-[13vw] text-center ${!timetable[rowId][colIndex] ? 'hover:bg-[#0e0e0f]' : 'bg-[#1c1c1c] hover:bg-[#2b2b2b]'} border border-black max-sm:size-[19.5vw]`}
`96`	`96`	`>`
`97`	`97`	`<div className="flex h-full flex-wrap items-center justify-center break-all">`
`98`	`98`	`{timetable[rowId][colIndex]}`