Merge pull request #249 from Albert-2/revampCSS2

Revamp css2

package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "both": "concurrently \"npm run dev\" \"nodemon ./server/server.js\""
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -43,6 +44,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "all-contributors-cli": "^6.26.1",
     "autoprefixer": "^10.4.16",
+    "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",

server/.gitignore

@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+server/node_modules
+server/.env
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

src/components/Banner/HomeBanner.jsx

@@ -3,9 +3,9 @@ import "./homebanner.css";
 import { useTheme } from "../../context/ThemeContext";
 import { FaPlay, FaPlus, FaRegHeart } from "react-icons/fa";
 import { LuMessageSquare, LuPen } from "react-icons/lu";
-import { MdOutlineRemoveRedEye } from "react-icons/md";
 import { HiOutlineMail } from "react-icons/hi";
-import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { MdOutlineRemoveRedEye } from "react-icons/md";
+import { AiOutlineEyeInvisible } from "react-icons/ai";
 import { useForm } from "react-hook-form";
 import { useNavigate, Link } from "react-router-dom";
 import axios from "axios";
@@ -29,15 +29,11 @@ const HomeBanner = () => {
   const { updateLoggedIn, showToast } = useAppContext();
 
   const { register, handleSubmit } = useForm();
-  
+
   const apiUrl = import.meta.env.VITE_API_URL;
 
   const { mutate: loginUserMutate, isPending: isLoginPending } = useMutation({
-    mutationFn: (user) =>
-      axios.post(
-        `${apiUrl}/api/users/login`,
-        user
-      ),
+    mutationFn: (user) => axios.post(`${apiUrl}/api/users/login`, user),
   });
 
   const onSubmit = handleSubmit(({ email, password }) => {
@@ -251,7 +247,7 @@ const HomeBanner = () => {
                     ) : (
                       <i className="icon-input-icon">
                         {" "}
-                        <VisibilityOffIcon />
+                        <AiOutlineEyeInvisible size={24} />
                       </i>
                     )}
                   </button>