Merge pull request #168 from Rajput-xv/main

added back button on different pages
AbhiDiva96 · Jul 2, 2024 · 0212470 · 0212470
2 parents d9281e7 + c2ecf82
commit 0212470
Show file tree

Hide file tree

Showing 18 changed files with 400 additions and 15 deletions.
diff --git a/src/components/page3/1Year.js b/src/components/page3/1Year.js
@@ -13,12 +13,33 @@ import MyChatbot from '../ChatBot/chatbot';
 function fstYear() {
   return (
     <div>
+<Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
+
+<Header/>
+  <div class="background">
+  <div className="yr">
+   <h1>1st Year</h1>
+  </div>
 
-      <Header />
-      <div class="background">
-        <div className="yr">
-          <h1>1st Year</h1>
-        </div>
 
         <div className="content" style={{ height: "auto" }}>
           <div class="cards">

diff --git a/src/components/page3/2Year.js b/src/components/page3/2Year.js
@@ -13,6 +13,26 @@ import MyChatbot from '../ChatBot/chatbot';
 function sndYear() {
   return (
     <div>
+    <Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
       <Header />
       <div className='background'>
         <div className="yr">

diff --git a/src/components/page3/3Year.js b/src/components/page3/3Year.js
@@ -16,6 +16,28 @@ function TrdYear() {
 
   return (
     <div>
+
+<Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
+
       <Header/>
   <div class="background">
       <div className="yr">

diff --git a/src/components/page3/4Year.js b/src/components/page3/4Year.js
@@ -13,6 +13,26 @@ import MyChatbot from '../ChatBot/chatbot.jsx';
 function fothYear() {
   return (
     <div>
+      <Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
     <Header/>
 <div className='background'>
     <div className="yr">

diff --git a/src/components/page4/lecture.js b/src/components/page4/lecture.js
@@ -13,7 +13,10 @@ import se from '../../assets/se.jpg';
 import bd from '../../assets/bd.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import NoResultsFound from '../noResultsFound/index.js'
+
+import {Link} from 'react-router-dom';
 import Footer from './../../pages/footer.js';
+
 function Lecture() {
   // State for search query
   const [searchQuery, setSearchQuery] = useState('');
@@ -40,6 +43,26 @@ function Lecture() {
 
   return (
     <div>
+      <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div className="lecturetrd">
         <h1>Lecture</h1>

diff --git a/src/components/page4/pyq.js b/src/components/page4/pyq.js
@@ -5,8 +5,10 @@ import Footer from "../../pages/footer";
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import DownloadIcon from '@mui/icons-material/Download';
 import './Pyq.css'; 
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot';
 
+
 function Pyq() {
   const yearFiles = [
     {
@@ -153,9 +155,30 @@ function Pyq() {
   const { id } = useParams();
   const yearItem = yearFiles.find((item) => item.year === id);
   const [selectedSemester, setSelectedSemester] = useState(null);
+  const yearLink={"1st":"/fstyear","2nd":"/sndyear","3rd":"/trdyear","4th":"/fothyear"};
 
   return (
     <div className="page-container">
+      <Link to={yearLink[yearItem.year]} className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div className="container-pyq">
         <h2 className="year-heading">Download Previous Year Questions - {id} Year</h2>

diff --git a/src/components/page4/timetable.js b/src/components/page4/timetable.js
@@ -2,8 +2,10 @@ import React, {useState} from 'react'
 import Imgdata from '../imgdata';
 import '../page4/timetable.css';
 import Header from "../../pages/header.js"
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 function Timetable() {
 
     const [selectedSection, setSelectedSection] = useState(null);
@@ -13,11 +15,28 @@ function Timetable() {
 
   return (
     <div>
+    <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
     <Header/>
     <div style={{height:"69vh"}} >
-
-
-
        <div className="trdyr">
       <center>
         <h3> 3rd year time table</h3>

diff --git a/src/components/page4/trdquantum.js b/src/components/page4/trdquantum.js
@@ -11,8 +11,10 @@ import Imgwt from '../../assets/wt.png';
 import Imgitcs from '../../assets/itcsimg.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import NoResultsFound from '../noResultsFound/index.js'
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 const quantumBooks = [
   { img: Imgcd, title: "Compiler Design", file: "cd" },
   { img: Imgda, title: "Data Analytics", file: "DataAnalytics" },
@@ -52,6 +54,26 @@ function Quantum() {
 
   return (
     <div>
+      <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div style={{ overflow: "auto" }}>
         <div className="quantum-head">

diff --git a/src/components/page5(1st)/fstlecture.js b/src/components/page5(1st)/fstlecture.js
@@ -2,7 +2,9 @@ import React, { useState } from 'react';
 import Header from '../../pages/header';
 import './fstlecture.css';
 import NoResultsFound from '../noResultsFound/index.js'
+import {Link} from 'react-router-dom';
 import Footer from './../../pages/footer.js';
+
 // Import images
 import ec from '../../assets/ec.jpg';
 import mtwo from '../../assets/mtwo.jpg';
@@ -47,6 +49,28 @@ function Lecture() {
 
   return (
     <div>
+
+      <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
+
       <Header />
       <div className="lecturetrd">
         <h1>1st year lecture</h1>

diff --git a/src/components/page5(1st)/fstpyq.js b/src/components/page5(1st)/fstpyq.js
@@ -1,11 +1,32 @@
 import React from 'react'
 import ComingSoon from '../../pages/cs.js';
 import Header from '../../pages/header.js';
+import {Link} from 'react-router-dom';
 
 
 function fstpyq() {
   return (
     <div>
+       <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
        <Header />
        <ComingSoon/>
     </div>

diff --git a/src/components/page5(1st)/fstquantum.js b/src/components/page5(1st)/fstquantum.js
@@ -11,9 +11,11 @@ import Imgchem from '../../assets/chemistry.webp';
 import Imgmath2 from '../../assets/math2.jpg';
 import Imgelectronics from '../../assets/electronics.png';
 import Imgmech from '../../assets/mechanical.jpg';
-import {FaMagnifyingGlass } from 'react-icons/fa6'
+import {FaMagnifyingGlass } from 'react-icons/fa6';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 const books = [
   { img: Imgphy, title: "Engineering Physics", file: "physics" },
   { img: Imgmath1, title: "Engineering Mathematics-I", file: "Mathematics1" },
@@ -54,6 +56,26 @@ function Quantum() {
 
   return (
     <div>
+      <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div>
         <h2 className="quantum-head">1st year quantum book</h2>