Merge pull request #49 from Aditya-PS-05/feat/dashboard-ui-improvement

improving dashboard ui
MOHAMMED-IQRAMUL · Oct 24, 2024 · 3cfd377 · 3cfd377
2 parents ddd7e57 + a3fe52a
commit 3cfd377
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 19 deletions.
diff --git a/app/components/LeftSideBar.js b/app/components/LeftSideBar.js
@@ -13,7 +13,7 @@ import Contactus from "@mui/icons-material/ContactMail";
 import FAQIcon from "@mui/icons-material/QuestionAnswer";
 import PrivacyIcon from "@mui/icons-material/PrivacyTip";
 import TermsIcon from "@mui/icons-material/Gavel";
-
+import 'react-resizable/css/styles.css';
 
 const LeftSideBar = () => {
 
@@ -35,10 +35,6 @@ const LeftSideBar = () => {
     { name: "Terms and Services", url: "/terms", icon: TermsIcon }
   ];
 
-
-
-
-
   return (
     <ResizableBox
       width={300}
@@ -78,7 +74,7 @@ const LeftSideBar = () => {
                     <ul>
                         {NavItems.map((item) => (
                             <li key={item.name} className="mb-2">
-                                <a href={item.url} className="flex items-center text-blue-500 hover:underline">
+                                <a href={item.url} className="flex items-center text-gray-500 font-light hover:underline">
                                     <item.icon className="h-5 w-5 mr-2" />
                                     {item.name}
                                 </a>
@@ -89,7 +85,7 @@ const LeftSideBar = () => {
                     <ul>
                         {NavItemsExt.map((item) => (
                             <li key={item.name} className="mb-2">
-                                <a href={item.url} className="flex items-center text-blue-500 hover:underline">
+                                <a href={item.url} className="flex items-center hover:underline text-gray-500 font-light">
                                     <item.icon className="h-5 w-5 mr-2" />
                                     {item.name}
                                 </a>

diff --git a/app/dashboard/page.js b/app/dashboard/page.js
@@ -9,13 +9,11 @@ import {
 } from "@heroicons/react/outline";
 import Navbar from "../components/Navbar";
 import Footer from "../components/Footer";
- import 'react-resizable/css/styles.css';
+import 'react-resizable/css/styles.css';
 import LeftSideBar from "../components/LeftSideBar";
 
-
 export default function Dashboard() {
 
-
 const CardItems = [ 
     { name: "Content Sharing", url: "/ContentSharing" },
     { name: "Discussions", url: "/Discussions" },
@@ -44,20 +42,20 @@ return (
                 <LeftSideBar />
                 <div className="right w-[70%] min-w-[50%]">
                     <main className="flex-grow container mx-auto p-4">
-                        <h1 className="text-3xl font-bold mb-4">
+                        <h1 className="text-4xl font-bold mb-4">
                             Welcome to FarmRuler Dashboard
                         </h1>
                         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <SunIcon className="h-6 w-6 text-yellow-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">Weather Dashboard</h2>
                                     <p>Check the weather conditions in specific regions.</p>
                                 </div>
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <CloudIcon className="h-6 w-6 text-blue-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">Season Dashboard</h2>
                                     <p>
                                         Get insights on different seasons and their impact on
@@ -67,7 +65,7 @@ return (
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <UserIcon className="h-6 w-6 text-green-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">
                                         Inquire About Crops
                                     </h2>
@@ -76,7 +74,7 @@ return (
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <ChatIcon className="h-6 w-6 text-purple-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">
                                         Personal AI Support Bot
                                     </h2>
@@ -85,28 +83,28 @@ return (
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <UserIcon className="h-6 w-6 text-red-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">User Profiles</h2>
                                     <p>Manage your profile and settings.</p>
                                 </div>
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <ChatIcon className="h-6 w-6 text-indigo-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">Discussions</h2>
                                     <p>Join discussions with other farmers and experts.</p>
                                 </div>
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <BookOpenIcon className="h-6 w-6 text-teal-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">Content Sharing</h2>
                                     <p>Share and access valuable content.</p>
                                 </div>
                             </div>
                             <div className="bg-white shadow-md rounded-lg p-4 flex items-center">
                                 <BookOpenIcon className="h-6 w-6 text-orange-500 mr-2" />
-                                <div>
+                                <div className="text-black">
                                     <h2 className="text-xl font-semibold">
                                         Learning and Resources
                                     </h2>