ok

frontend/src/.env

@@ -1 +1,2 @@
 REACT_APP_MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoiYW5hbmRoYSIsImEiOiJjbTIwN29haWEwYzVrMmpzZ25yeTF4MmN4In0.3fHnwKMxxXNy9pM-Vcn9gw'
+VITE_BACKEND_BASE_URL = https://agro-tech-ai-backend-teal.vercel.app/

frontend/src/components/Navbar.jsx

@@ -90,9 +90,9 @@ const Navbar = () => {
                 </div>
               )}
             </div>
-            <NavLink to="/water-management" exact className={({ isActive }) => `block py-2 px-3 text-white rounded-lg transition-all duration-300 ${isActive ? "bg-green-700" : "hover:bg-green-500"}`} onClick={closeMenu}>
+            {/* <NavLink to="/water-management" exact className={({ isActive }) => `block py-2 px-3 text-white rounded-lg transition-all duration-300 ${isActive ? "bg-green-700" : "hover:bg-green-500"}`} onClick={closeMenu}>
               Water Management
-            </NavLink>
+            </NavLink> */}
             {/* Soil & Fertilizer Dropdown */}
             <div className="relative" onMouseEnter={() => handleDropdown("soil")}  onMouseLeave={closeMenu}>
               <button onClick={() => handleDropdown("soil")} className="flex items-center py-2 px-3 text-white rounded-lg hover:bg-green-500 transition-all duration-300 focus:outline-none" aria-haspopup="true" aria-expanded={openDropdown === "soil" ? "true" : "false"}>
@@ -122,6 +122,8 @@ const Navbar = () => {
                   <NavLink to="/PlantTaskReminder" className="block py-2 px-4 hover:bg-gray-200" onClick={closeMenu}>Plant Task Reminder</NavLink>
                   <NavLink to="/TaskReminder" className="block py-2 px-4 hover:bg-gray-200" onClick={closeMenu}>Plant Task Reminder Advanced</NavLink>
                   <NavLink to="/GeminiChat" className="block py-2 px-4 hover:bg-gray-200" onClick={closeMenu}>Gemini Chat</NavLink>
+                  <NavLink to="/water-management" className="block py-2 px-4 hover:bg-gray-200" onClick={closeMenu}>Water Management</NavLink>
+
                 </div>
               )}
             </div>

frontend/src/components/tools/GeminiChat.jsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Container, TextField, Button, Paper, Box, List, ListItem, ListItemText, Divider, IconButton, Stack } from '@mui/material';
-import SendIcon from '@mui/icons-material/Send';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { Container, TextField, Button, Paper, Box, List, ListItem, ListItemText, Divider, Stack } from '@mui/material';
+import { FaPaperPlane, FaTrash } from 'react-icons/fa';
 import { ToastContainer, toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { motion } from 'framer-motion';
@@ -26,7 +25,6 @@ const GeminiChat = () => {
         return <div dangerouslySetInnerHTML={{ __html: htmlContent }} />;
     };
 
-
     const handleSubmit = async (e) => {
         e.preventDefault();
         if (!userInput) return;
@@ -154,10 +152,21 @@ const GeminiChat = () => {
                                 placeholder="Type a message..."
                                 style={{ backgroundColor: 'white', borderRadius: '4px' }}
                             />
-                            <Button type="submit" variant="contained" style={{ background: "white", color: "black" }} endIcon={<SendIcon />} onClick={handleSubmit}>
+                            <Button
+                                type="submit"
+                                variant="contained"
+                                style={{ background: "white", color: "black" }}
+                                endIcon={<FaPaperPlane />}
+                                onClick={handleSubmit}
+                            >
                                 Send
                             </Button>
-                            <Button variant="contained" style={{background:"white",color:"black"}} onClick={handleClearChat}>
+                            <Button
+                                variant="contained"
+                                style={{ background: "white", color: "black" }}
+                                startIcon={<FaTrash />}
+                                onClick={handleClearChat}
+                            >
                                 Clear
                             </Button>
                         </Stack>
@@ -170,3 +179,5 @@ const GeminiChat = () => {
 };
 
 export default GeminiChat;
+
+