From caf59a48baee2dcc69182139058b1f60057702cb Mon Sep 17 00:00:00 2001 From: SrinivasDevolper Date: Sun, 16 Jun 2024 20:08:41 +0530 Subject: [PATCH 1/3] first commit --- src/components/noResultsFound/index.css | 16 ++++++++++++++++ src/components/noResultsFound/index.js | 11 +++++++++++ src/components/page4/lecture.js | 3 +++ src/components/page4/trdquantum.js | 5 +++-- src/components/page5(1st)/fstlecture.js | 5 +++-- src/components/page5(1st)/fstquantum.js | 5 +++-- src/components/page6(2nd)/sndlecture.js | 6 +++--- src/components/page6(2nd)/sndquantum.js | 6 ++++-- 8 files changed, 46 insertions(+), 11 deletions(-) create mode 100644 src/components/noResultsFound/index.css create mode 100644 src/components/noResultsFound/index.js diff --git a/src/components/noResultsFound/index.css b/src/components/noResultsFound/index.css new file mode 100644 index 0000000..17e5ba8 --- /dev/null +++ b/src/components/noResultsFound/index.css @@ -0,0 +1,16 @@ +.bg-container{ + display: flex; + flex-direction: column; + height: 50vh; + justify-content: center; + align-items: center; +} + +.bg-container h1{ + font-size: 30px; + color: rgb(36, 36, 36); +} + +.bg-container p{ + color: #757575; +} \ No newline at end of file diff --git a/src/components/noResultsFound/index.js b/src/components/noResultsFound/index.js new file mode 100644 index 0000000..a7c1eb4 --- /dev/null +++ b/src/components/noResultsFound/index.js @@ -0,0 +1,11 @@ +import './index.css' +const NoResultsFound = () => { + return( +
+

No Result Found

+

We can't find any item item matching your search

+
+ ) +} + +export default NoResultsFound \ No newline at end of file diff --git a/src/components/page4/lecture.js b/src/components/page4/lecture.js index ea0d696..146f8a1 100644 --- a/src/components/page4/lecture.js +++ b/src/components/page4/lecture.js @@ -12,6 +12,7 @@ import wt from '../../assets/wt.jpg'; import se from '../../assets/se.jpg'; import bd from '../../assets/bd.jpg'; import {FaMagnifyingGlass } from 'react-icons/fa6' +import NoResultsFound from '../noResultsFound/index.js' function Lecture() { // State for search query @@ -56,6 +57,7 @@ function Lecture() { /> {/* Display filtered lecture items */} + { filteredItems.length !== 0 ?
{filteredItems.map((item, index) => (
@@ -67,6 +69,7 @@ function Lecture() {
))}
+ : } ); } diff --git a/src/components/page4/trdquantum.js b/src/components/page4/trdquantum.js index eb85973..6b811d4 100644 --- a/src/components/page4/trdquantum.js +++ b/src/components/page4/trdquantum.js @@ -10,6 +10,7 @@ import Imgcn from '../../assets/cn.webp'; import Imgwt from '../../assets/wt.png'; import Imgitcs from '../../assets/itcsimg.jpg'; import {FaMagnifyingGlass } from 'react-icons/fa6' +import NoResultsFound from '../noResultsFound/index.js' const quantumBooks = [ { img: Imgcd, title: "Compiler Design", file: "cd" }, { img: Imgda, title: "Data Analytics", file: "DataAnalytics" }, @@ -66,7 +67,7 @@ function Quantum() { -
+ { filteredBooks.length !== 0 ?
{filteredBooks.map(book => (
{book.title} @@ -76,7 +77,7 @@ function Quantum() {
))} -
+ : } ) diff --git a/src/components/page5(1st)/fstlecture.js b/src/components/page5(1st)/fstlecture.js index 270572a..7e4d623 100644 --- a/src/components/page5(1st)/fstlecture.js +++ b/src/components/page5(1st)/fstlecture.js @@ -1,6 +1,7 @@ import React, { useState } from 'react'; import Header from '../../pages/header'; import './fstlecture.css'; +import NoResultsFound from '../noResultsFound/index.js' // Import images import ec from '../../assets/ec.jpg'; @@ -62,7 +63,7 @@ function Lecture() { /> {/* Display filtered lecture items */} -
+ { filteredItems.length !== 0 ?
{filteredItems.map((item, index) => (
@@ -72,7 +73,7 @@ function Lecture() { View Content
))} -
+
: }
); } diff --git a/src/components/page5(1st)/fstquantum.js b/src/components/page5(1st)/fstquantum.js index 4074569..21429d4 100644 --- a/src/components/page5(1st)/fstquantum.js +++ b/src/components/page5(1st)/fstquantum.js @@ -1,4 +1,5 @@ import React, { useState, useEffect } from 'react'; +import NoResultsFound from '../noResultsFound/index.js' import Header from '../../pages/header.js'; import Aquantum from '../../assets/5th.png'; import Imgphy from '../../assets/physics.webp'; @@ -66,7 +67,7 @@ function Quantum() { onChange={(e) => setSearchQuery(e.target.value)} /> -
+ { filteredBooks.length !== 0 ?
{filteredBooks.map(book => (
{book.title} @@ -76,7 +77,7 @@ function Quantum() {
))} -
+ : } ); diff --git a/src/components/page6(2nd)/sndlecture.js b/src/components/page6(2nd)/sndlecture.js index 22e3227..61285a3 100644 --- a/src/components/page6(2nd)/sndlecture.js +++ b/src/components/page6(2nd)/sndlecture.js @@ -1,6 +1,6 @@ import React, { useState, useEffect } from 'react'; import Header from '../../pages/header'; - +import NoResultsFound from '../noResultsFound/index.js' import Imgmath4 from '../../assets/lmath4.jpg'; import Imgdsa from '../../assets/ldsa.jpg'; import Imgcoa from '../../assets/lcoa.jpg'; @@ -61,7 +61,7 @@ function SndLecture() {
-
+ { filteredLectures.length !== 0 ?
{filteredLectures.map((lecture) => (
@@ -73,7 +73,7 @@ function SndLecture() {
))} -
+
: }
); } diff --git a/src/components/page6(2nd)/sndquantum.js b/src/components/page6(2nd)/sndquantum.js index 8c9c711..edc614e 100644 --- a/src/components/page6(2nd)/sndquantum.js +++ b/src/components/page6(2nd)/sndquantum.js @@ -1,4 +1,5 @@ import React, { useState, useEffect } from 'react'; +import NoResultsFound from '../noResultsFound/index.js' import '../page6(2nd)/sndquantum.css'; import Header from '../../pages/header.js'; import Aquantum from '../../assets/5th.png'; @@ -14,6 +15,7 @@ import Imguhv from '../../assets/uhv.jpg'; import Imgos from '../../assets/os.jpg'; import Imgtafl from '../../assets/autometa.png'; import {FaMagnifyingGlass } from 'react-icons/fa6' +import { FilterBAndW } from '@mui/icons-material'; const books = [ { img: Imgmath4, title: "Engineering Math4", file: "Mathematics4" }, @@ -69,7 +71,7 @@ function SndQuantum() { onChange={(e) => setSearchQuery(e.target.value)} /> -
+ {filteredBooks.length !== 0 ?
{filteredBooks.map(book => (
{book.title} @@ -79,7 +81,7 @@ function SndQuantum() {
))} -
+ : } ); From f768154cc80e6fac26c43cd5abd4f6543ecb8032 Mon Sep 17 00:00:00 2001 From: Ayushmaanagarwal1121 Date: Mon, 17 Jun 2024 23:42:38 +0530 Subject: [PATCH 2/3] Created Dark Mode --- src/Content/context.js | 30 ++ src/components/about/About.jsx | 7 +- src/components/login/LoginSignup.css | 32 ++ src/components/login/LoginSignup.jsx | 7 +- src/components/page1/Home.css | 461 ++++++++++++++------------- src/components/page1/Home.js | 34 +- src/components/review/review.jsx | 9 +- src/index.js | 4 + src/pages/header.js | 20 +- 9 files changed, 373 insertions(+), 231 deletions(-) create mode 100644 src/Content/context.js diff --git a/src/Content/context.js b/src/Content/context.js new file mode 100644 index 0000000..6118903 --- /dev/null +++ b/src/Content/context.js @@ -0,0 +1,30 @@ +// ThemeContext.js +import React, { createContext, useState, useEffect } from 'react'; + +export const ThemeContext = createContext(); + +export const ThemeProvider = ({ children }) => { + const [theme, setTheme] = useState(() => { + return localStorage.getItem('theme') || 'light'; + }); + + useEffect(() => { + localStorage.setItem('theme',theme) + if(theme=='light'){ + document.getElementsByTagName('body')[0].className=''; + } else{ + + document.getElementsByTagName('body')[0].className='active'; + } + }, [theme]); + + const toggleTheme = () => { + setTheme((prevTheme) => (prevTheme === 'light' ? 'dark' : 'light')); + }; + + return ( + + {children} + + ); +}; diff --git a/src/components/about/About.jsx b/src/components/about/About.jsx index d587fdd..5c40f9c 100644 --- a/src/components/about/About.jsx +++ b/src/components/about/About.jsx @@ -1,16 +1,21 @@ // src/About.js -import React from 'react'; +import React, { useContext } from 'react'; import './about.css'; import Header from '../../pages/header'; import image from '../../assets/book.png' import resource from '../../assets/resource.png' import benefit from '../../assets/benefits.png' import { Link } from 'react-router-dom'; +import { ThemeContext } from '../../Content/context'; // import sun from './images/sun.png'; // Example image import // import moon from './images/moon.png'; // Example image import const About = () => { + let {theme}=useContext(ThemeContext) + if(theme=='dark'){ + document.getElementsByTagName('body')[0].classList.toggle('active') + } return ( <>
diff --git a/src/components/login/LoginSignup.css b/src/components/login/LoginSignup.css index 117834e..1ca0f09 100644 --- a/src/components/login/LoginSignup.css +++ b/src/components/login/LoginSignup.css @@ -4,6 +4,38 @@ background: #E6E6FA; padding: 50px; } +.active{ + background-color: #000016 !important; + color: white !important; + } + .active div , .active button{ + background-color: #000016 !important; + color: white !important; + + } + .active .card , .active .book ,.active .box , .active .ag-courses-item_title, .active .ag-courses_item { + background-color: #000000 !important; + color: white !important; + box-shadow: 0px 0px 15px lightblue; + + } + .active .text-box-in , .active div{ + color: white !important; + } + .active .ag-courses-item_bg{ + background-color: #f9b234 !important; + } + .active .loginsignup-cointainer{ + border: white solid 2px ; + box-shadow: 0px 0px 15px white; + } + .active button{ + border: solid 1px white; + box-shadow: 0px 0px 15px lightblue; + } + .active h1, .active h2 , .active p,.active b{ + color: white !important; + } .loginsignup-cointainer{ width: 580px; height: auto; diff --git a/src/components/login/LoginSignup.jsx b/src/components/login/LoginSignup.jsx index ab529b6..573cb4f 100644 --- a/src/components/login/LoginSignup.jsx +++ b/src/components/login/LoginSignup.jsx @@ -1,10 +1,11 @@ -import React, { useState } from "react"; +import React, { useContext, useState } from "react"; import { Link } from "react-router-dom"; // Import Link import { FaArrowLeft } from "react-icons/fa"; // Import Font Awesome arrow left icon import "./LoginSignup.css"; import { FaEye, FaEyeSlash } from 'react-icons/fa6' +import { ThemeContext } from "../../Content/context"; const LoginSignup = () => { - + let {theme}=useContext(ThemeContext) const [state, setState] = useState("Sign Up"); const [isVisible, setIsVisible] = useState(false); @@ -94,7 +95,7 @@ const LoginSignup = () => { } }; return ( -
+
{ + return localStorage.getItem('mode'); + }); + useEffect(() => { + const handleStorageChange = (event) => { + if (event.key === 'mode') { + setValue(event.newValue); + } + console.log('mpde') + }; + + window.addEventListener('storage', ()=>console.log('dfdfdf')); + + return () => { + window.removeEventListener('storage', handleStorageChange); + }; + }); + return (

Visit your year

-
+
- - @@ -30,13 +52,13 @@ function Home() {
- - diff --git a/src/components/review/review.jsx b/src/components/review/review.jsx index 7ec91c7..1a30e8f 100644 --- a/src/components/review/review.jsx +++ b/src/components/review/review.jsx @@ -1,11 +1,14 @@ -import React, { useState, useEffect } from "react"; +import React, { useState, useEffect, useContext } from "react"; import { ToastContainer, toast } from 'react-toastify'; import { Link } from "react-router-dom"; // Import Link import { FaStar } from "react-icons/fa"; import 'react-toastify/dist/ReactToastify.css'; import './review.css'; +import { ThemeContext } from "../../Content/context"; const ReviewPage = () => { + const {theme}=useContext(ThemeContext) + const [rating, setRating] = useState(null); const [hover, setHover] = useState(null); @@ -60,7 +63,7 @@ const ReviewPage = () => { }; return ( -
+
{ -
+
{/* Review info section */} diff --git a/src/index.js b/src/index.js index c485772..60757c5 100644 --- a/src/index.js +++ b/src/index.js @@ -33,6 +33,7 @@ import { import "./index.css"; import LoginSignup from './components/login/LoginSignup.jsx'; import ReviewPage from './components/review/review.jsx'; +import { ThemeContext, ThemeProvider } from './Content/context.js'; // const ThemeContext = createContext(); @@ -160,7 +161,10 @@ ReactDOM.createRoot(document.getElementById("root")).render( + + + {/* {children} diff --git a/src/pages/header.js b/src/pages/header.js index 4a2e4e0..622c80a 100644 --- a/src/pages/header.js +++ b/src/pages/header.js @@ -1,13 +1,21 @@ -import React from 'react' +import React, { useContext } from 'react' import './header.css'; import {Link} from "react-router-dom"; import { colors } from '@mui/material'; +import { ThemeContext } from '../Content/context'; // import { useTheme } from '../index'; - +import {HiSun,HiMoon} from 'react-icons/hi2' function Header() { - + let {theme,toggleTheme} =useContext(ThemeContext) + function handleClick(e){ + if(theme=="dark"){ + toggleTheme('light') + }else{ + toggleTheme('dark') + } + } // const {isDarkMode, togglerDarkMode} =useTheme(); return ( @@ -18,7 +26,7 @@ function Header() { logo
-
+
Review Us @@ -28,6 +36,10 @@ function Header() { About Us + { + + theme=='dark'? : + }
From e7b75e1ff42ea073849e19f771acfbefc450cb2d Mon Sep 17 00:00:00 2001 From: kunal maurya Date: Tue, 18 Jun 2024 16:11:16 +0530 Subject: [PATCH 3/3] issue resolve of 2nd year time table --- src/components/page3/2Year.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/page3/2Year.js b/src/components/page3/2Year.js index 575218a..3b842c8 100644 --- a/src/components/page3/2Year.js +++ b/src/components/page3/2Year.js @@ -42,7 +42,7 @@ function sndYear() {
- +

Timetable