Merge pull request #1292 from nishant0708/Scroll_to_top

College Social By default redirecting to footer It should open from top +Fixed Some Darkmode Bugs  #1289

src/components/CollegePage/CollegePage.css

@@ -26,6 +26,7 @@
 }
 #dark .content{
   background-color: rgb(37, 37, 37) !important;
+  color: #ebedee;
 }
 
 .abeezee-regular {
@@ -267,6 +268,7 @@
 }
 #dark .student-card{
   background-color: rgb(37, 37, 37) !important;;
+  color: #c5d5d4;
 }
 
 .student-description {

src/components/CollegePage/CollegePage.jsx

@@ -1,9 +1,8 @@
-import React, { useState, useEffect, useCallback } from "react";
+import React, { useState, useEffect, useLayoutEffect, useCallback } from "react";
 import collegesData from "../Dashboard/colleges.json";
 import studentsData from "./students.json";
 import "./CollegePage.css";
 import { useParams, useNavigate, Link } from "react-router-dom";
-import Logo from "../../assets/logo.webp";
 import { signOut } from "firebase/auth";
 import Navbar from "../Navbar/Navbar";
 import { auth } from "../../firebase/auth";
@@ -15,12 +14,12 @@ import { toast } from "react-toastify";
 
 const CollegePage = () => {
   const [selectedStudent, setSelectedStudent] = useState(null);
+  const navigate = useNavigate();
+  const { id } = useParams();
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     window.scrollTo(0, 0);
   }, []);
-  const navigate = useNavigate();
-  const { id } = useParams();
 
   useEffect(() => {
     auth.onAuthStateChanged((user) => {
@@ -164,11 +163,11 @@ const CollegePage = () => {
             <Link
               to={`/student/${student.id}/${student.name}`}
               style={{ textDecoration: "none", color: "inherit" }}
+              key={student.id}  // Ensure unique key
             >
               <div
                 className="student-card"
                 onClick={() => handleStudentClick(student)}
-                key={index}
               >
                 <div
                   style={{
@@ -179,7 +178,7 @@ const CollegePage = () => {
                   }}
                 >
                   <img
-                    src={imgArray[index]}
+                    src={imgArray[index % imgArray.length]}  // Use modulo for safety
                     style={{
                       height: "80%",
                       minHeight: "66px",

src/components/Contact/Contact.css

@@ -137,6 +137,12 @@ background-color: #cae8ff !important;
   justify-content: center;
   align-items: center;
 }
+#dark .contact1 .left h1 {
+  color: white;
+}
+#dark .contact1 .left p {
+  color: rgb(215, 210, 210);
+}
 .contact1 .form{
   width: 60%;
   border-radius: 20px;
@@ -156,6 +162,7 @@ flex-direction: column;
 }
 #dark .contact1 .form{
   background-color: #080707;
+  color: white;
   border: solid 2px white;
     box-shadow: 0px 0px 10px white;
 

src/components/Dashboard/Dashboard.jsx

@@ -117,7 +117,7 @@ const Dashboard = () => {
 
   const handleCollegeClick = useCallback(
     (college) => {
-      navigate(`/college/${college.id}`);
+      window.location.href=`/college/${college.id}`;
     },
     [navigate]
   );

src/components/blogs/BlogReadPage.css

@@ -21,6 +21,7 @@
 }
 #dark .blog-read-page {
   background-color: #2d2d2d;
+  color: white;
 }
 .blog-header {
   margin-bottom: 20px;