Merge pull request #2376 from sailaja-adapa/homepage

Fixed Mobile view of Homepage

frontend/src/Component/About.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react";
 import "../style/About.css";
 import Pagination from "./Pagination";
 import { getPaginationData, changePage } from "../utils/paginationData";
-
 const FOUNDER = "HimanshuNarware";
 const LINKEDIN_URL = "https://www.linkedin.com/in/HimanshuNarware";
 const CARDS_PER_PAGE = 12;

frontend/src/Component/BackToTopButton.js

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import '../style/BackToTopButton.css';
 import { MdKeyboardDoubleArrowUp } from "react-icons/md";
-
 function BackToTopButton() {
     const [isVisible, setIsVisible] = useState(false);
     const [scrollProgress, setScrollProgress] = useState(0);

frontend/src/Component/BookMark.js

@@ -9,7 +9,6 @@ import toast from "react-hot-toast";
 function BookMark() {
   const sourceData = useSelector((state) => state.SourceReducer.sourceData);
   const dispatch = useDispatch();
-
   const [currentPage, setCurrentPage] = useState(1);
   const [postPerPage] = useState(8); // Number of bookmarks per page
 

frontend/src/Component/Contact.jsx

@@ -11,7 +11,6 @@ import { Bounce, ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import animationData from "../lottie/contact.json";
 import "../style/Contact.css";
-
 const Contact = () => {
   const [email, setEmail] = useState("");
   const [isValid, setIsValid] = useState(true);

frontend/src/Component/Faq.js

@@ -11,7 +11,6 @@ import {
 import { MdOutlineArrowDropDown } from "react-icons/md";
 import data from "./accordion";
 import "react-accessible-accordion/dist/fancy-example.css";
-
 export default function Faq() {
   let [index, setIndex] = useState(0);
   const [className, setClassName] = useState(null);

frontend/src/Component/Footer.js

@@ -26,7 +26,6 @@ import {
 } from "react-icons/ai";
 import { BsYoutube, BsFillPersonLinesFill, BsCodeSlash } from "react-icons/bs";
 import { Link } from "react-router-dom";
-
 function Footer() {
   const today = new Date();
   const year = today.getFullYear();

frontend/src/Component/Home.js

@@ -23,7 +23,6 @@ function Home(props) {
     localStorage.getItem("filter") || ""
   );
   const ref = useRef(null);
-
   useEffect(() => {
     if (props.searchQuery !== "") {
       ref.current?.scrollIntoView({

frontend/src/Component/Modal.js

@@ -6,7 +6,6 @@ function Modal({ isOpen, onClose, children }) {
   if (!isOpen) {
     return null;
   }
-
   return (
     <div className="modal-overlay">
       <div className="modal-content">

frontend/src/Component/Navbar/NavbarCenter.js

@@ -49,7 +49,7 @@ function NavbarCenter( ) {
               <div className="bookmarkTag">
                 <FontAwesomeIcon icon={faBookmark} /> Bookmark <span className="totBook">{totalBookmarks}</span>
               </div>
-            }
+            }  
             to="/bookmark"
           />
         </li>
@@ -125,5 +125,4 @@ function NavbarCenter( ) {
     </nav>
   );
 }
-
 export default NavbarCenter;

frontend/src/Component/Navbar/NavbarItem.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { Link } from "react-router-dom";
-
 function NavbarItem({ description, to }) {
   return (
     <Link to={to} className="Link nav-link active" aria-current="page">

frontend/src/Component/Navbar/NavbarLeft.js

@@ -21,7 +21,6 @@ function NavbarLeft(props, showSideNav) {
     e.preventDefault();
     props.setShowSideNav(!props.showSideNav);
   }
-
   function handleItemClick() {
     props.setShowSideNav(false);
   }
@@ -46,5 +45,4 @@ function NavbarLeft(props, showSideNav) {
     </span>
   );
 }
-
 export default NavbarLeft;

frontend/src/Component/Navbar/NavbarRight.js

@@ -18,7 +18,6 @@ function NavbarRight({ setSearchQuery }) {
   const handleInputChange = (e) => {
     setLocalSearchQuery(e.target.value); // Update the search query when input changes
   };
-
   const handleSearch = (e) => {
     e.preventDefault();
     setSearchQuery(searchQuery); // Pass the search query to the parent component (App)

frontend/src/Component/NotFound.js

@@ -21,7 +21,6 @@ function NotFound() {
     </div>
   );
 }
-
 export default NotFound;
 
 

frontend/src/Component/OpenSource.js

@@ -4,7 +4,6 @@ import ReactPaginate from "react-paginate";
 import axios from "axios";
 import ClipLoader from "react-spinners/ClipLoader";
 import jsonProjects from "../DB/openSource.json";
-
 const BACKEND = process.env.REACT_APP_BACKEND;
 
 const OpenSource = () => {

frontend/src/Component/Pagination.js

@@ -15,7 +15,6 @@ const Pagination = ({
       <div className="page-index">
         Showing {firstCardIndex + 1}-{lastCardIndex} from {dataLength} results
       </div>
-
       <ul className="pagination_about_us">
         {(currentPage > 1) &&
           <li className="page-item">

frontend/src/Component/Preloader.js

@@ -12,8 +12,6 @@ function Preloader() {
         },2000)
     },[])
 return (
-
-
             loading ?
             <div className='pre'>
                 <Lottie className="preloader" animationData={pre}/>

frontend/src/Component/Profile.js

@@ -10,6 +10,8 @@ function Profile() {
     website: ""
   });
   const [isSubmitted, setIsSubmitted] = useState(false);
+
+  // Le data from localStorage when the component mounts
   const [isLoggedIn, setIsLoggedIn] = useState(false);
   const [showLogin, setShowLogin] = useState(true); // Toggle between login and signup
   const [formData, setFormData] = useState({

frontend/src/Component/Rate.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react'
 import { FaStar } from 'react-icons/fa'
 import "./Rate.css"
-
 const Rate = () => {
   const [rating, setRating] = useState(null);
   const [hover, setHover] = useState(null);

frontend/src/Component/Rateus.js

@@ -21,3 +21,5 @@ export default function Rate({ rating, setRating }) {
     </div>
   );
 }
+
+

frontend/src/Component/Review.js

@@ -47,7 +47,6 @@ function Review() {
       .catch((error) => {
         return error.response;
       });
-
     setProcessingMail(false);
     if (response.data.success) toast.success("Mail Sent Successfully!!");
     else if (response.data && response.data.errors) {

frontend/src/Component/ScrollToTop.jsx

@@ -6,7 +6,5 @@ function ScrollToTop() {
     window.scrollTo(0,0);
   },[pathname])
   return null;
-
 }
-
 export default ScrollToTop;

frontend/src/Component/Sidebar/Sidebar.js

@@ -155,5 +155,4 @@ function Sidebar({ showSideNav }) {
     </div>
   );
 }
-
 export default Sidebar;

frontend/src/Component/Sidebar/SidebarContent.js

@@ -1,5 +1,4 @@
 import React from "react";
-
 function SidebarContent({name,description,active}) {
 
   function handleSidebarClick(prop) {

frontend/src/Component/Signup.js

@@ -8,7 +8,6 @@ export default function Signup() {
 
   const handleSubmit = async (event) => {
     event.preventDefault();
-
     try {
       const response = await fetch('http://localhost:8000/users/signup', {
         method: 'POST',

frontend/src/Component/accordion.js

@@ -20,4 +20,4 @@ const data = [
       "To contribute, go to the GitHub repository, create a new repository, clone the project, and start contributing",
   },
 ];
-export default data;
+export default data;

frontend/src/index.js

@@ -10,7 +10,6 @@ import Darkmode from "darkmode-js";
 import { BrowserRouter } from "react-router-dom";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
-
 const options = {
   bottom: "unset",
   left: "15px",

frontend/src/style/AI.css

@@ -4,7 +4,6 @@ body {
   padding: 0;
   background-color: #f4f4f4;
 }
-
 .container {
   max-width: 1200px;
   margin: 0 auto;

frontend/src/style/About.css

@@ -5,7 +5,6 @@
   margin-top: 6rem;
   width: 100%;
 }
-
 .about__founder-container,
 .about__buttons-container {
   display: flex;

frontend/src/style/Animations.css

@@ -3,7 +3,6 @@
     from { opacity: 0; }
     to { opacity: 1; }
 }
-
 .fade-in {
     animation: fadeIn 1s ease-in-out;
 }

frontend/src/style/BackToTopButton.css

@@ -24,7 +24,6 @@
     display: block;
     opacity: 1;
 }
-
 .back-to-top-button:not(.visible) {
     opacity: 0;
     transform: translateY(20px);

frontend/src/style/BackendTools.css

@@ -4,7 +4,6 @@ body {
     padding: 0;
     background-color: #f4f4f4;
   }
-
   .frontend-tools {
     text-align: center;
     padding: 80px 20px;

frontend/src/style/BookMark.css

@@ -5,7 +5,6 @@
   align-items: center;
   width: 100vw;
 }
-
 .bookmark__container {
   margin-top: 8rem;
   display: grid;

frontend/src/style/CodingPlatform.css

@@ -4,7 +4,6 @@ body {
   padding: 0;
   background-color: #f4f4f4;
 }
-
 .coding-platform {
   text-align: center;
   padding: 80px 20px;

frontend/src/style/Collaboration.css

@@ -4,7 +4,6 @@ body {
     padding: 0;
     background-color: #f0f0f0;
   }
-
   .container {
     max-width: 1200px;
     margin: 0 auto;