- {userName}
+ <>
+
{errors.password && (
diff --git a/src/pages/Authentication/Register.jsx b/src/pages/Authentication/Register.jsx
index 942fe64e..8af5c76b 100644
--- a/src/pages/Authentication/Register.jsx
+++ b/src/pages/Authentication/Register.jsx
@@ -3,8 +3,8 @@ import axios from "axios";
import { useNavigate, Link } from "react-router-dom";
import { useForm } from "react-hook-form";
import registerImg from "../../assets/register.jpg";
-import VisibilityIcon from "@mui/icons-material/Visibility";
-import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { MdOutlineRemoveRedEye } from "react-icons/md";
+import { AiOutlineEyeInvisible } from "react-icons/ai";
import {
UsernameIcon,
PasswordIcon,
@@ -30,16 +30,12 @@ const Register = () => {
handleSubmit,
formState: { errors },
} = useForm();
-
+
const apiUrl = import.meta.env.VITE_API_URL;
const { mutate: registerUserMutate, isPending: isRegisterPending } =
useMutation({
- mutationFn: (user) =>
- axios.post(
- `${apiUrl}/api/users/register`,
- user
- ),
+ mutationFn: (user) => axios.post(`${apiUrl}/api/users/register`, user),
});
const onSubmit = handleSubmit(
@@ -155,11 +151,15 @@ const Register = () => {
})}
/>
{errors.password && (
@@ -181,11 +181,15 @@ const Register = () => {
})}
/>
{errors.confirmPassword && (
diff --git a/src/pages/Features/Features.jsx b/src/pages/Features/Features.jsx
index 8280f2ab..915ef13b 100644
--- a/src/pages/Features/Features.jsx
+++ b/src/pages/Features/Features.jsx
@@ -1,12 +1,8 @@
-import Grid from "@mui/system/Unstable_Grid";
import img1 from "../../assets/Features/img1.png";
import img2 from "../../assets/Features/img2.png";
import { useTheme } from "../../context/ThemeContext";
import { Link } from "react-router-dom";
-
import { FaArrowDown } from "react-icons/fa";
-import { Divider } from "@mui/material";
-
import "./features.css";
const Features = () => {
@@ -33,7 +29,7 @@ const Features = () => {
+ UI : 
+ ) : (
+
+
+ );
}
-export default UserProfile
\ No newline at end of file
+export default UserProfile;
diff --git a/src/pages/Authentication/Login.jsx b/src/pages/Authentication/Login.jsx
index e02404c3..eb6f0fa1 100644
--- a/src/pages/Authentication/Login.jsx
+++ b/src/pages/Authentication/Login.jsx
@@ -4,8 +4,8 @@ import { useNavigate, Link } from "react-router-dom";
import { useForm } from "react-hook-form";
import loginImg from "../../assets/register.jpg";
import { PasswordIcon, MailIcon } from "../../assets/RegisterIcons";
-import VisibilityIcon from "@mui/icons-material/Visibility";
-import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { MdOutlineRemoveRedEye } from "react-icons/md";
+import { AiOutlineEyeInvisible } from "react-icons/ai";
import { useTheme } from "../../context/ThemeContext";
import "./auth.css";
import { useAppContext } from "../../context/AppContext";
@@ -23,15 +23,11 @@ const Login = () => {
handleSubmit,
formState: { errors },
} = 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 }) => {
@@ -94,11 +90,15 @@ const Login = () => {
})}
/>
+ {userName}
- {userAvatar ?
+ {userName.charAt(0)}
+
+ )}
+ {
{ - const [lines, setLines] = useState([]); const [brushSz, setBrushSz] = useState(2); const [selectedTool, setSelectedTool] = useState("brush"); @@ -53,9 +52,6 @@ const Sketchbook = () => { const [recordRTC, setRecordRTC] = useState(null); const { isDarkMode } = useTheme(); - - - // Drawing event handlers const handleMouseDown = (e) => { @@ -236,7 +232,7 @@ const Sketchbook = () => {
Brush size: {brushSz}
-
+ setBrushSz(e.target.value)}
+ style={{
+ // Customize the slider thumb size
+ "--thumb-size": "20px", // Adjust the size as needed
+ // Customize the slider thumb color
+ "--thumb-color": "blue", // Adjust the color as needed
+ }}
+ />
+
+
-
-
-
-
-
-
- )}
-
+
+
+ )}
+
+
+
+
+
+
+
+
+
+