Merge pull request #11 from Ritz7777/main

login/signup
CODECHAMPS7 · Sep 18, 2024 · 6837443 · 6837443
2 parents 39c54e4 + 30fc387
commit 6837443
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 31 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -1,19 +1,20 @@
 const Footer = () => {
-    return (
-      <div>
-        <footer className='bg-[#e2e8f0] text-black py-4 pt-5'>
-          <div className='container mx-auto flex flex-col md:flex-row items-center justify-between px-4'>
-            <div className='flex items-center text-center mb-4 md:mb-0'>
-              <span className="ml-4 text-lg font-semibold">&copy; Government of India</span>
-            </div>
-            <div className='text-center'>
-              <p>Toll-Free Contact Number: 1800 000 0000</p>
-            </div>
+  return (
+    <div>
+      <footer className="bg-[#e2e8f0] text-black py-4 pt-5">
+        <div className="container mx-auto flex flex-col md:flex-row items-center justify-between px-4">
+          <div className="flex items-center text-center mb-4 md:mb-0">
+            <span className="ml-4 text-lg font-semibold">
+              &copy; Government of India
+            </span>
           </div>
-        </footer>
-      </div>
-    );
-  };
-
-  export default Footer;
-
+          <div className="text-center">
+            <p>Toll-Free Contact Number: 1800 000 0000</p>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+};
+
+export default Footer;
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -1,32 +1,37 @@
 import { useState } from "react";
 import { Link } from "react-router-dom";
 import { FaUserCircle } from "react-icons/fa";
-import { FaBars, FaTimes } from "react-icons/fa"; 
+import { FaBars, FaTimes } from "react-icons/fa";
 import Image from "../Assets/image.png";
 
 const Navbar = () => {
-  const [isOpen, setIsOpen] = useState(false); 
+  const [isOpen, setIsOpen] = useState(false);
 
   const toggleMenu = () => {
     setIsOpen(!isOpen);
   };
 
   return (
     <div className="relative flex flex-col md:flex-row items-center justify-between px-6 py-4 bg-[#e2e8f0] shadow-lg shadow-slate-500">
-
       <div className="mb-4 md:mb-0">
         <Link to="/">
           <img src={Image} alt="Logo" className="w-36" />
         </Link>
       </div>
 
-
       <div className="md:hidden flex items-center" onClick={toggleMenu}>
-        {isOpen ? <FaTimes className="text-2xl cursor-pointer" /> : <FaBars className="text-2xl cursor-pointer" />}
+        {isOpen ? (
+          <FaTimes className="text-2xl cursor-pointer" />
+        ) : (
+          <FaBars className="text-2xl cursor-pointer" />
+        )}
       </div>
 
-
-      <div className={`flex-col md:flex-row items-center gap-6 text-lg ${isOpen ? "flex" : "hidden"} md:flex`}>
+      <div
+        className={`flex-col md:flex-row items-center gap-6 text-lg ${
+          isOpen ? "flex" : "hidden"
+        } md:flex`}
+      >
         <Link
           to="/dashboard"
           className="text-black hover:text-gray-700 transition duration-300 ease-in-out"
@@ -37,13 +42,7 @@ const Navbar = () => {
           to="/login"
           className="bg-blue-500 text-white py-2 px-4 rounded-full hover:bg-blue-600 transition duration-300 ease-in-out"
         >
-          Login
-        </Link>
-        <Link
-          to="/signup"
-          className="bg-blue-500 text-white py-2 px-4 rounded-full hover:bg-blue-600 transition duration-300 ease-in-out"
-        >
-          Sign Up
+          Login/Sign Up
         </Link>
 
         <Link