notkshitij/CropCompass
1
1
Fork 0
Code Issues 8 Pull Requests Projects 1 Releases Activity

Fix:Changed icons and overall appearance

Browse Source
This commit is contained in:
Atharva
2025-02-23 04:42:43 +05:30
parent bcd600c766
commit 297b094de5
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/pages/UserPanel/MainUserPanel.jsx
+12 -12
View File
@@ -5,7 +5,6 @@ import { RiLogoutBoxLine } from "react-icons/ri";
import { IoMdSettings } from "react-icons/io"; import { IoMdSettings } from "react-icons/io";
import { FaHome } from "react-icons/fa"; import { FaHome } from "react-icons/fa";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { MdHistory } from "react-icons/md";
import { IoIosNotifications } from "react-icons/io"; import { IoIosNotifications } from "react-icons/io";
import { MdFeedback } from "react-icons/md"; import { MdFeedback } from "react-icons/md";
import { MdOutlineSupportAgent } from "react-icons/md"; import { MdOutlineSupportAgent } from "react-icons/md";
@@ -13,6 +12,7 @@ import { IoSettings } from "react-icons/io5";
import { RiCalendarScheduleLine } from "react-icons/ri"; import { RiCalendarScheduleLine } from "react-icons/ri";
import { IoIosHome } from "react-icons/io"; import { IoIosHome } from "react-icons/io";
import { BACKEND_URL } from "../../constants"; import { BACKEND_URL } from "../../constants";
import { IoMdStats } from "react-icons/io";
const MainUserPanel = () => { const MainUserPanel = () => {
const navigate = useNavigate(); const navigate = useNavigate();
@@ -46,7 +46,7 @@ const MainUserPanel = () => {
</div> </div>
<div className="flex flex-row gap-4"> <div className="flex flex-row gap-4">
{/* Updated Sidebar */} {/* Updated Sidebar */}
<div className="w-full md:w-1/4 bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-lg p-6"> <div className="w-full md:w-1/4 bg-gradient-to-br from-white/30 to-gray-50/30 rounded-xl shadow-lg p-6 backdrop-blur-lg">
<div className="hidden md:flex items-center mb-6"> <div className="hidden md:flex items-center mb-6">
<img <img
src={`${user.avatar}`} src={`${user.avatar}`}
@@ -61,7 +61,7 @@ const MainUserPanel = () => {
<li> <li>
<Link <Link
to={"/user/dashboard"} to={"/user/dashboard"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<IoIosHome className="text-2xl text-green-600" /> <IoIosHome className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
@@ -72,7 +72,7 @@ const MainUserPanel = () => {
<li> <li>
<Link <Link
to={"/user/dashboard/scheduledmeetings"} to={"/user/dashboard/scheduledmeetings"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<RiCalendarScheduleLine className="text-2xl text-green-600" /> <RiCalendarScheduleLine className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
@@ -82,19 +82,19 @@ const MainUserPanel = () => {
</li> </li>
<li> <li>
<Link <Link
to={"/user/dashboard/history"} to={"/user/dashboard/monitoring"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<MdHistory className="text-2xl text-green-600" /> <IoMdStats className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
History Monitor
</span> </span>
</Link> </Link>
</li> </li>
<li> <li>
<Link <Link
to={"/user/dashboard/notifications"} to={"/user/dashboard/notifications"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<IoIosNotifications className="text-2xl text-green-600" /> <IoIosNotifications className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
@@ -105,7 +105,7 @@ const MainUserPanel = () => {
<li> <li>
<Link <Link
to={"/user/dashboard/feedback"} to={"/user/dashboard/feedback"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<MdFeedback className="text-2xl text-green-600" /> <MdFeedback className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
@@ -116,7 +116,7 @@ const MainUserPanel = () => {
<li> <li>
<Link <Link
to={"/user/dashboard/support"} to={"/user/dashboard/support"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<MdOutlineSupportAgent className="text-2xl text-green-600" /> <MdOutlineSupportAgent className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">
@@ -127,7 +127,7 @@ const MainUserPanel = () => {
<li> <li>
<Link <Link
to={"/user/dashboard/settings"} to={"/user/dashboard/settings"}
className="flex items-center p-2 rounded-md hover:bg-green-100 transition-colors" className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
> >
<IoSettings className="text-2xl text-green-600" /> <IoSettings className="text-2xl text-green-600" />
<span className="ml-3 text-lg font-medium text-gray-700 hidden md:block"> <span className="ml-3 text-lg font-medium text-gray-700 hidden md:block">