Improve Small mistakes

Author: Ayush-13-02

Diff for: src/AppRouter.js

@@ -94,7 +94,7 @@ const AppRouter = () => {
                 <Route path='/dept/:dept/Achievement' element={ <Achievements /> } />
                 {/* Faculty */}
                 <Route path='/dept/:dept/Faculty' element={ <Faculty/> } />
-                <Route path='/dept/:dept/Profile/:id' element={ <Profile/> } />
+                <Route path='/dept/:dept/Faculty/:id' element={ <Profile/> } />
                 <Route path='/dept/:dept/Staff' element={ <Staff/> } />
                 <Route path='/dept/:dept/Student' element={ <Students/> } />
                 <Route path='/dept/:dept/Alumni' element={ <Alumni/> } />

Diff for: src/components/Card.js

@@ -2,16 +2,16 @@
 import React from 'react'
 const Card = ({ title, body }) => {
     return (
-        <div className="max-w-md py-4 px-7 mx-1 border bg-white shadow-lg rounded-lg mt-16 mb-6">
+        <div className="max-w-md w-full py-4 px-7 mx-1 border bg-white shadow-lg rounded-lg mt-16 mb-6">
             <div className="w-32 h-32 flex-grow-0 flex-shrink-0 justify-center md:justify-end -mt-20 mb-1 ml-auto mr-0">
                 <img src="https://qph.cf2.quoracdn.net/main-qimg-d0139b5cabcff7d5adad435605016120-lq" className="w-full h-full object-cover object-center rounded-full shadow-xl flex-grow-0 flex-shrink-0" alt='...' />
             </div>
-            <div>
+            <div className='h-[140px] overflow-clip w-full'>
                 <h2 className="text-gray-800 text-2xl font-semibold">{title}</h2>
-                <p className="mt-2 text-gray-600">{body}</p>
+                <p className="mt-2 text-gray-600 h-24">{body}</p>
             </div>
             <div className="flex justify-end mt-4">
-                <a href="/" className="text-xl font-medium text-indigo-500">Read More &rarr;</a>
+                <a href="/" className="text-sm font-medium text-indigo-500">Read More &rarr;</a>
             </div>
         </div>
     )

Diff for: src/components/Departmentlower.js

@@ -1,31 +1,29 @@
-import React from 'react'
-import { useNavigate } from 'react-router-dom'
+import React, { useState } from 'react'
+import { useNavigate, useLocation } from 'react-router-dom'
 import Card from './Card';
 
 const Departmentlower = (props) => {
   let navigate = useNavigate();
-
+  const [url, setUrl] = useState(useLocation());
+  const dept = url.pathname.split('/')[2];
   return (
-    <div className='flex flex-col md:flex-row w-[98%] justify-between items-center p-4 place-items-center mx-auto'>
+    <div className='flex flex-col md:flex-row w-[98%] justify-around items-center p-4 place-items-center mx-auto'>
       {/* Club */}
       <Card title="Coding Club"
         body="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae dolores deserunt ea doloremque natus error, rerum quas odio quaerat nam ex commodi hic, suscipit in a veritatis pariatur minus consequuntur!" />
       {/* HOD */}
-      <div className="max-w-md py-4 px-7 mx-1 border bg-white shadow-lg rounded-lg mt-16 mb-6" onClick={() => navigate("/MessageofHOD")}>
-        <div className="w-32 h-32 flex-grow-0 flex-shrink-0 flex justify-center md:justify-end -mt-20 mb-1 ml-auto mr-0">
-          <img src={props.hod} className="w-full h-full object-cover object-left-top rounded-full shadow-xl flex-grow-0 flex-shrink-0" alt='' />
-          <div className="max-w-md py-4 px-7 mx-1 border bg-white shadow-lg rounded-lg mt-16 mb-6" onClick={() => navigate("/messageofHOD")}>
-            <div class="w-32 h-32 flex-grow-0 flex-shrink-0 flex justify-center md:justify-end -mt-20 mb-1 ml-auto mr-0">
-              <img src={props?.img} class="w-full h-full object-cover object-left-top rounded-full shadow-xl flex-grow-0 flex-shrink-0" alt='' />
-            </div>
-            <div>
-              <h2 className="text-gray-800 text-2xl font-semibold">Head Of Department</h2>
-              <p className="mt-2 text-gray-600">{props?.message}</p>
-            </div>
-            <div className="flex justify-end mt-4">
-              <a href="/" className="text-xl font-medium text-indigo-500">{props?.name}</a>
-            </div>
-          </div>
+
+      <div className="max-w-md w-full py-4 px-7 mx-1 border bg-white shadow-lg rounded-lg mt-16 mb-6" onClick={() => navigate(`/dept/${dept}/messageofHOD`)}>
+        <div class="w-32 h-32 flex-grow-0 flex-shrink-0 flex justify-center md:justify-end -mt-20 mb-1 ml-auto mr-0">
+          <img src={props?.img} class="w-full h-full object-cover object-left-top rounded-full shadow-xl flex-grow-0 flex-shrink-0" alt='' />
+        </div>
+        <span className='w-full inline-block h-[140px] overflow-hidden overflow-ellipsis'>
+          <h2 className="text-blue-800 text-2xl font-semibold">{props?.name}</h2>
+          <h2 className='font-medium'>(Head Of Department)</h2>
+          <p className="mt-2 text-gray-600 flex-wrap">{props?.message}</p>
+        </span>
+        <div className="flex justify-end mt-4">
+          <span className="text-sm font-medium text-indigo-500 cursor-pointer">Read More &rarr;</span>
         </div>
       </div>
     </div>

Diff for: src/components/Profile.js

@@ -9,16 +9,7 @@ import Exceldownloadpdf from './Img/Exceldownload.png'
 function Profile() {
     let navigate = useNavigate()
     const dept = useLocation().pathname.split('/')[2];
-    var id = window.location.pathname;
-    let i = id.length - 1;
-    let str = "";
-    while (id[i] !== '/') {
-        str += id[i];
-        i--;
-    }
-    id = parseInt(str);
-    // const [url, setUrl] = useState(useLocation());
-    // const { data, loading, error, reFetch } = useFetch(url.pathname);
+    var id = useLocation().pathname.split('/').at(-1);
     const data = [
         {
             photo: 'https://www.nitj.ac.in/images/faculty/20071962443.jpg',
@@ -30,22 +21,21 @@ function Profile() {
     const Link = [
         { Title: 'Personal Details', show: false, search: false, thead: [], data: [{}, {}, {}, {}, {}] },
         { Title: 'Profile Links', show: false, search: false, thead: [], data: [{}, {}, {}, {}, {}] },
-        { Title: 'Research Profile', show: true, search: true, thead: [], data: [{}, {}, {}, {}, {}] },
-        { Title: 'Journal Publications', show: true, search: true, thead: ['Year', 'Journal', 'Publications'], data: [{ 1: '2022', 2: 'ACM Computing Surveys (SCI IF=14.324)', 3: 'Raj Mohan Singh, Lalit Kumar Awasthi, Geeta Sikka, "Towards Metaheuristic Scheduling Techniques in Cloud and Fog: An Extensive Taxonomic Review". (Online)' }] },
-        { Title: 'Conference Publications', show: true, search: true, thead: ['Year', 'Conference', 'Publications'], data: [{ 1: '2021', 2: '2nd International Conference on Secure Cyber Computing and Communications (ICSCCC). IEEE', 3: 'harma, P., & Sangal, A. L., Extensive Software Fault Prediction: An Ensemble based comparison, pp. 432-436.' }] },
-        { Title: 'Book/Chapter Publications', show: true, search: true, thead: ['Type', 'Title', 'Publisher', 'Authors', 'ISBN/ISSN/ No.', 'Year'], data: [{ 1: '', 2: '“Artificial intelligence technologies for computational biology”', 3: 'CRC Press (1st Edition Nov 2022)', 4: 'Rout Ranjeet Kumar,Umer Saiyed,Sheikh Sabhaa, Amrit Lal Sangal', 5: '978-100077868-7, 978-103216000-9', 6: '2022' }] },
-        { Title: 'Research Projects', show: true, search: true, thead: ['Role', 'Project Type', 'Title', 'Funding Agency', 'From', 'To', 'Amount', 'Status', 'Co-Investigator'], data: [] },
-        { Title: 'Events Organized', show: true, search: true, thead: ['Category', 'Type', 'Title', 'Venue', 'From', 'To', 'Designation'], data: [{ 1: 'Conference', 2: 'International', 3: '1st International Conference on Secure Cyber Computing and Communications (ICSCCC). IEEE', 4: 'Dr B R Ambedkar National Institute of Technology, Jalandhar', 5: '', 6: '', 7: '' }] },
-        { Title: 'Professional Affiliations', show: true, search: true, thead: ['Designation', 'Organization'], data: [{ 1: 'Member', 2: 'Indian Society for technical Education (ISTE)' }] },
-        { Title: 'PhD Supervised', show: true, search: true, thead: ['Scholar Name', 'Research Topic', 'Status', 'Year', 'Co-Supervisor'], data: [{ 1: 'Mr Himanshu Pattanayak', 2: 'An algorithm for detection of shared communities in social network', 3: 'Defended', 4: '2022', 5: 'Dr A L Sangal' }] },
-        { Title: 'PG Dissertation Guided', show: true, search: true, thead: ['Student Name', 'Dissertation Title', 'Status', 'Year', 'Co-Supervisor'], data: [{ 1: 'Ananya Sharma', 2: 'IGT:Tools for testing and maintaining GPU Drivers.', 3: 'Completed', 4: '2022', 5: '' }] },
+        { Title: 'Research Profile', thead: [], data: [{}, {}, {}, {}, {}] },
+        { Title: 'Journal Publications', thead: ['Year', 'Journal', 'Publications'], data: [{ 1: '2022', 2: 'ACM Computing Surveys (SCI IF=14.324)', 3: 'Raj Mohan Singh, Lalit Kumar Awasthi, Geeta Sikka, "Towards Metaheuristic Scheduling Techniques in Cloud and Fog: An Extensive Taxonomic Review". (Online)' }] },
+        { Title: 'Conference Publications', thead: ['Year', 'Conference', 'Publications'], data: [{ 1: '2021', 2: '2nd International Conference on Secure Cyber Computing and Communications (ICSCCC). IEEE', 3: 'harma, P., & Sangal, A. L., Extensive Software Fault Prediction: An Ensemble based comparison, pp. 432-436.' }] },
+        { Title: 'Book/Chapter Publications', thead: ['Type', 'Title', 'Publisher', 'Authors', 'ISBN/ISSN/ No.', 'Year'], data: [{ 1: '', 2: '“Artificial intelligence technologies for computational biology”', 3: 'CRC Press (1st Edition Nov 2022)', 4: 'Rout Ranjeet Kumar,Umer Saiyed,Sheikh Sabhaa, Amrit Lal Sangal', 5: '978-100077868-7, 978-103216000-9', 6: '2022' }] },
+        { Title: 'Research Projects', thead: ['Role', 'Project Type', 'Title', 'Funding Agency', 'From', 'To', 'Amount', 'Status', 'Co-Investigator'], data: [] },
+        { Title: 'Events Organized', thead: ['Category', 'Type', 'Title', 'Venue', 'From', 'To', 'Designation'], data: [{ 1: 'Conference', 2: 'International', 3: '1st International Conference on Secure Cyber Computing and Communications (ICSCCC). IEEE', 4: 'Dr B R Ambedkar National Institute of Technology, Jalandhar', 5: '', 6: '', 7: '' }] },
+        { Title: 'Professional Affiliations', thead: ['Designation', 'Organization'], data: [{ 1: 'Member', 2: 'Indian Society for technical Education (ISTE)' }] },
+        { Title: 'PhD Supervised', thead: ['Scholar Name', 'Research Topic', 'Status', 'Year', 'Co-Supervisor'], data: [{ 1: 'Mr Himanshu Pattanayak', 2: 'An algorithm for detection of shared communities in social network', 3: 'Defended', 4: '2022', 5: 'Dr A L Sangal' }] },
+        { Title: 'PG Dissertation Guided', thead: ['Student Name', 'Dissertation Title', 'Status', 'Year', 'Co-Supervisor'], data: [{ 1: 'Ananya Sharma', 2: 'IGT:Tools for testing and maintaining GPU Drivers.', 3: 'Completed', 4: '2022', 5: '' }] },
         {
-            Title: 'Patents', show: true, search: true, thead: ['Name', 'Reg./Ref. No.', 'Date of Award/Filling', 'Organization', 'Status']
+            Title: 'Patents', thead: ['Name', 'Reg./Ref. No.', 'Date of Award/Filling', 'Organization', 'Status']
             , data: [{ 1: 'A system of smartphone security using machine learning', 2: '202111040145', 3: '', 4: 'Patent Office India', 5: 'Filed' }]
         },
-        { Title: 'Admin. Responsiblities', show: true, search: true, thead: ['Position held', 'Organization', 'From', 'to'], data: [{ 1: 'Head, Computer Science & Engineering', 2: 'Dr B R Ambedkar National Institute of Technology, Jalandhar', 3: 'September 1992', 4: 'September 2006' }] },
-        { Title: 'Award and Honours', show: true, search: true, thead: ['Title', 'Activity', 'Given by', 'Year'], data: [] },
-        { Title: 'Download Profile as PDF', show: true, search: true, thead: [], data: [] },
+        { Title: 'Admin. Responsiblities', thead: ['Position held', 'Organization', 'From', 'to'], data: [{ 1: 'Head, Computer Science & Engineering', 2: 'Dr B R Ambedkar National Institute of Technology, Jalandhar', 3: 'September 1992', 4: 'September 2006' }] },
+        { Title: 'Award and Honours', thead: ['Title', 'Activity', 'Given by', 'Year'], data: [] },
     ]
 
     const [active, setActive] = useState(0);
@@ -81,7 +71,7 @@ function Profile() {
             {
                 data.map((item, j) => {
                     return (
-                        j === id && <div key={j} className="mt-16 py-4 w-[98%] mx-auto">
+                         <div key={j} className="mt-16 py-4 w-[98%] mx-auto">
                             <div className="relative flex flex-col flex-auto w-full min-w-0 p-4 overflow-hidden break-words border shadow-md rounded-2xl bg-white/80 bg-clip-border mb-4 draggable mx-auto"
                                 draggable="true">
                                 <div className="flex flex-wrap items-center justify-between -mx-3">
@@ -139,8 +129,8 @@ function Profile() {
                                                     <img src={Exceldownloadpdf} alt="Excel download" />
                                                 </span>
                                                 <span className={"cursor-pointer px-3 " + (edit ? 'hidden' : '')}><i className="fa-solid fa-eye"></i></span>
-                                                <span className={"cursor-pointer px-3 " + (edit ? '' : 'hidden')} onClick={() => setview()}><i className="fa-solid fa-eye-slash"></i></span>
-                                                <span className='cursor-pointer px-3' onClick={() => setedit()}><i className="fa-solid fa-pen-to-square"></i></span>
+                                                <span title='View as Table' className={"cursor-pointer px-3 " + (edit ? '' : 'hidden')} onClick={() => setview()}><i className="fa-solid fa-eye-slash"></i></span>
+                                                <span title='Add new data' className='cursor-pointer px-3' onClick={() => setedit()}><i className="fa-solid fa-pen-to-square"></i></span>
                                             </div>
                                         </div>
                                         <div className='p-2 mt-4'>

Diff for: src/forms/facultyprofile/Otherprofilelink.js

@@ -1,6 +1,8 @@
-import React from 'react'
+import React, {useState} from 'react'
 
 function Otherprofilelink({ edit }) {
+    const [link, setLink] = useState('');
+    const [googlelink, setGooglelink] = useState('');
     return (
         <div className='overflow-x-auto'>
             {
@@ -11,10 +13,10 @@ function Otherprofilelink({ edit }) {
                                 <label className="block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2" htmlFor="grid-password">
                                     Personal Link
                                 </label>
-                                <input className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 shadow-inner leading-tight focus:outline-none focus:border-gray-50" id="title" type="text" placeholder="Title" />
+                                <input className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 shadow-inner leading-tight focus:outline-none focus:border-gray-50" id="title" onChange={(e)=>setLink(e.target.value)} value={link} type="text" placeholder="Title" />
                             </div>
                             <div className="w-full px-3">
-                                <label className="block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2" htmlFor="grid-password">
+                                <label className="block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2" htmlFor="grid-password" onChange={(e)=>setGooglelink(e.target.value)} value={googlelink}>
                                     Google Scholar Link
                                 </label>
                                 <input className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:border-gray-50 shadow-inner" id="link" type="text" placeholder="" />