diff --git a/client/src/components/Farmer/FDashboard.jsx b/client/src/components/Farmer/FDashboard.jsx
index 4e57597..0a73955 100644
--- a/client/src/components/Farmer/FDashboard.jsx
+++ b/client/src/components/Farmer/FDashboard.jsx
@@ -42,19 +42,19 @@ function Box({ data, showSecondaryBox }) {
   return (
     <div className={styles['box-primary']}>
       <div className={styles['primary-details']}>
-        <p>Name: {data.name}</p>
-        <p>Crop: {data.crop}</p>
-        <p>Quantity required: {data.quantity}</p>
-        <p>Mobile No: {data.mobile}</p>
-        <p>State: {data.state}</p>
+        <p>Name: {data.profile?.displayName || 'N/A'} {data.profile?.lname || ''}</p>
+        <p>Contact Name: {data.displayName || 'N/A'} </p>
+        <p>Phone: {data.profile?.phone || 'N/A'}</p>
+        <p>State: {data.address?.state || 'N/A'}</p>
       </div>
       <div className={styles['primary-btn']}>
         <button onClick={() => showSecondaryBox(data)}>Show more details</button>
       </div>
     </div>
-  )
+  );
 }
 
+
 function Secondarybox({ data, hideSecondaryBox }) {
   return (
     <div className={styles['box-sec']}>
@@ -63,25 +63,26 @@ function Secondarybox({ data, hideSecondaryBox }) {
         <button onClick={hideSecondaryBox}>✕</button>
       </div>
       <div className={styles['sec-details']}>
-        <p>Name: {data.name}</p>
-        <p>Crop: {data.crop}</p>
-        <p>Quantity: {data.quantity}</p>
-        <p>Language Known: {data.languages}</p>
-        <p>Mobile: {data.mobile}</p>
-        <p>E-mail: {data.email}</p>
-        <p>Address: {data.address}</p>
-        <p>City: {data.city}</p>
-        <p>District: {data.district}</p>
-        <p>State: {data.state}</p>
-        <p>Pincode: {data.pincode}</p>
-      </div>
-      <div className={styles['contract-btn']}>
-        <button>Make a Contract</button>
+        <p>Name : {data.profile?.displayName || 'N/A'} {data.profile?.lname || ''}</p>
+        <p>Company Name : {data.address?.companyName || 'N/A'}</p>
+        <p>Phone : {data.profile?.phone || 'N/A'}</p>
+        <p>Email : {data.profile?.email || 'N/A'}</p>
+        <p>Address 1 : {data.address?.addr1}</p>
+        <p>Address 2 : {data.address?.addr2}</p>
+        <p>State : {data.address?.state}</p>
+        <p>Country : {data.address?.country}</p>
+        <p>Bank: {data.bank?.bank_name || 'N/A'}</p>
+
+        {/* <p>IFSC Code: {data.ifsc || 'N/A'}</p>
+        <p>Branch: {data.branch_name || 'N/A'}</p>
+        <p>Bank: {data.bank_name || 'N/A'}</p>
+        <p>Signature: <img src={data.signatureUrl} alt="Signature" /></p> */}
       </div>
     </div>
-  )
+  );
 }
 
+
 function MainBox() {
   const [showBox, setShowBox] = useState(false);
   const [selectedData, setSelectedData] = useState(null);
@@ -89,13 +90,18 @@ function MainBox() {
 
   useEffect(() => {
     const fetchDealers = async () => {
-      const dealersCollection = collection(db, '');  // enter ur collection name inside the quotes'
-      const dealersSnapshot = await getDocs(farmerdataCollection);//here too
-      const dealersList = dealersSnapshot.docs.map(doc => doc.data());
-      setDealers(dealersList);
+      try {
+        // Reference to the 'buyers' collection in Firestore
+        const dealersCollection = collection(db, 'buyers');
+        const dealersSnapshot = await getDocs(dealersCollection);
+        const dealersList = dealersSnapshot.docs.map(doc => doc.data());
+        setDealers(dealersList);  // Store fetched data in state
+      } catch (error) {
+        console.error("Error fetching buyers data: ", error);
+      }
     };
 
-    fetchDealers();
+    fetchDealers();  // Fetch the data when the component mounts
   }, []);
 
   const showSecondaryBox = (data) => {
@@ -103,7 +109,6 @@ function MainBox() {
     setShowBox(true);
   };
 
- 
   const hideSecondaryBox = () => setShowBox(false);
 
   return (
@@ -120,7 +125,7 @@ function MainBox() {
         </div>
       )}
     </div>
-  )
+  );
 }
 
 function FDashboard() {
diff --git a/client/src/components/Farmer/FarmSell.jsx b/client/src/components/Farmer/FarmSell.jsx
index b59c86d..dab0b2f 100644
--- a/client/src/components/Farmer/FarmSell.jsx
+++ b/client/src/components/Farmer/FarmSell.jsx
@@ -1,80 +1,11 @@
 import styles from './FarmSell.module.css';
 import cropData from './cropsData.json';
 import { useState } from 'react';
-import { collection,addDoc } from 'firebase/firestore';
+import { collection, addDoc, doc,setDoc} from 'firebase/firestore';
 import { db } from '../../../firebase';
 import { useAuth } from '../context/AuthContext';
 import Navbar from './FarmNav';
 
-// function Searchsvg() {
-//   return (
-//     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={20} height={20} color={"#fff"} fill={"none"}>
-//       <path d="M17.5 17.5L22 22" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-//       <path d="M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
-//     </svg>
-//   );
-// }
-
-// function ProfileIcon() {
-//   return (
-//     <div className={styles.profileicon}>
-//       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="white">
-//         <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="0.5" />
-//         <path d="M7.5 17C9.8317 14.5578 14.1432 14.4428 16.5 17M14.4951 9.5C14.4951 10.8807 13.3742 12 11.9915 12C10.6089 12 9.48797 10.8807 9.48797 9.5C9.48797 8.11929 10.6089 7 11.9915 7C13.3742 7 14.4951 8.11929 14.4951 9.5Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
-//       </svg>
-//       <div>Profile▾</div>
-//     </div>
-//   );
-// }
-
-// function Searchsvg() {
-//   return (
-//     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={20} height={20} color={"#fff"} fill={"none"}>
-//       <path d="M17.5 17.5L22 22" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-//       <path d="M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
-//     </svg>
-//   );
-// }
-
-// function ProfileIcon() {
-//   return (
-//     <div className={styles.profileicon}>
-//       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="white">
-//         <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="0.5" />
-//         <path d="M7.5 17C9.8317 14.5578 14.1432 14.4428 16.5 17M14.4951 9.5C14.4951 10.8807 13.3742 12 11.9915 12C10.6089 12 9.48797 10.8807 9.48797 9.5C9.48797 8.11929 10.6089 7 11.9915 7C13.3742 7 14.4951 8.11929 14.4951 9.5Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
-//       </svg>
-//       <div>Profile▾</div>
-//     </div>
-//   );
-// }
-
-// function Navbar() {
-//   return (
-//     <header className={styles.headfs}>
-//       <div className={styles.navp}>
-//         <div className={styles.h1nav}>
-//           <h1>Agri</h1>
-//           <h1 id={styles.h1e}>Connect</h1>
-//         </div>
-//         <div className={styles['search-nav']}>
-//           <input type="text" placeholder="Search" />
-//           <Searchsvg />
-//           Search
-//         </div>
-//         <ProfileIcon />
-//       </div>
-//       <div className={styles.navs}>
-//         <ul>
-//           <li>Home</li>
-//           <li>Sell crops</li>
-//           <li>Notifications</li>
-//           <li>Contact</li>
-//         </ul>
-//       </div>
-//     </header>
-//   );
-// }
-
 function Box({ crop }) {
   return (
     <div className={styles['box-crop']}>
@@ -82,7 +13,7 @@ function Box({ crop }) {
       <div className={styles['radio-button']}>
         <label>
           <input type="radio" name="crop" value={crop.name} />
-          {" " + crop.name}
+          {' ' + crop.name}
         </label>
       </div>
     </div>
@@ -94,12 +25,21 @@ function Details({ crops, setSelectedCrop, handleInputChange }) {
     <div className={styles['details-box']}>
       <div className={styles['image-box']}>
         {crops.map((crop, index) => (
-          <div key={index} className={styles['box-crop']} onClick={() => setSelectedCrop(crop)}>
+          <div
+            key={index}
+            className={styles['box-crop']}
+            onClick={() => setSelectedCrop(crop)}
+          >
             <img src={crop.imageUrl} alt={crop.name} />
             <div className={styles['radio-button']}>
               <label>
-                <input type="radio" name="crop" value={crop.name} onChange={() => setSelectedCrop(crop)} />
-                {" " + crop.name}
+                <input
+                  type="radio"
+                  name="crop"
+                  value={crop.name}
+                  onChange={() => setSelectedCrop(crop)}
+                />
+                {' ' + crop.name}
               </label>
             </div>
           </div>
@@ -110,42 +50,98 @@ function Details({ crops, setSelectedCrop, handleInputChange }) {
         <div className={styles.form}>
           <div className={styles['form-group']}>
             <label htmlFor="quantity">Quantity of Crop (in kg)</label>
-            <input type="number" id="quantity" name="quantity" placeholder="Enter quantity" onChange={handleInputChange} required />
+            <input
+              type="number"
+              id="quantity"
+              name="quantity"
+              placeholder="Enter quantity"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="price">Selling Price (per kg)</label>
-            <input type="number" id="price" name="price" placeholder="Enter selling price" onChange={handleInputChange} required />
+            <input
+              type="number"
+              id="price"
+              name="price"
+              placeholder="Enter selling price"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="landArea">Land Area (in acres)</label>
-            <input type="number" id="landArea" name="landArea" placeholder="Enter land area" onChange={handleInputChange} required />
+            <input
+              type="number"
+              id="landArea"
+              name="landArea"
+              placeholder="Enter land area"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']} id={styles.itemsNeed}>
             <label htmlFor="items">Items Needed for Cultivation</label>
-            <input type="text" id="items" name="items" placeholder="Enter items" onChange={handleInputChange} required />
+            <input
+              type="text"
+              id="items"
+              name="items"
+              placeholder="Enter items"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="location">Location of Farm</label>
-            <input type="text" id="location" name="location" placeholder="Enter location" onChange={handleInputChange} required />
+            <input
+              type="text"
+              id="location"
+              name="location"
+              placeholder="Enter location"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="district">District</label>
-            <input type="text" id="district" name="district" placeholder="Enter district" onChange={handleInputChange} required />
+            <input
+              type="text"
+              id="district"
+              name="district"
+              placeholder="Enter district"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="state">State</label>
-            <input type="text" id="state" name="state" placeholder="Enter state" onChange={handleInputChange} required />
+            <input
+              type="text"
+              id="state"
+              name="state"
+              placeholder="Enter state"
+              onChange={handleInputChange}
+              required
+            />
           </div>
 
           <div className={styles['form-group']}>
             <label htmlFor="pincode">Pincode</label>
-            <input type="text" id="pincode" name="pincode" placeholder="Enter pincode" onChange={handleInputChange} required />
+            <input
+              type="text"
+              id="pincode"
+              name="pincode"
+              placeholder="Enter pincode"
+              onChange={handleInputChange}
+              required
+            />
           </div>
         </div>
       </div>
@@ -153,7 +149,6 @@ function Details({ crops, setSelectedCrop, handleInputChange }) {
   );
 }
 
-
 function Search({ searchQuery, setSearchQuery, handleSearch }) {
   return (
     <div className={styles['search-box']}>
@@ -169,9 +164,27 @@ function Search({ searchQuery, setSearchQuery, handleSearch }) {
             onChange={(e) => setSearchQuery(e.target.value)}
           />
           <button onClick={handleSearch}>
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={24} height={24} color={"#000000"} fill={"none"}>
-              <path d="M17.5 17.5L22 22" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-              <path d="M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              width={24}
+              height={24}
+              color={'#000000'}
+              fill={'none'}
+            >
+              <path
+                d="M17.5 17.5L22 22"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+              <path
+                d="M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                strokeLinejoin="round"
+              />
             </svg>
           </button>
         </div>
@@ -193,7 +206,7 @@ function FarmSell() {
     location: '',
     district: '',
     state: '',
-    pincode: ''
+    pincode: '',
   });
 
   const { currentUser } = useAuth(); // Get the current user from AuthContext
@@ -202,8 +215,8 @@ function FarmSell() {
     const filtered = cropData.crops.filter((crop) =>
       crop.name.toLowerCase().includes(searchQuery.toLowerCase())
     );
-    const rest = cropData.crops.filter((crop) =>
-      !crop.name.toLowerCase().includes(searchQuery.toLowerCase())
+    const rest = cropData.crops.filter(
+      (crop) => !crop.name.toLowerCase().includes(searchQuery.toLowerCase())
     );
     setFilteredCrops([...filtered, ...rest]);
   };
@@ -212,37 +225,69 @@ function FarmSell() {
     setFormData({ ...formData, [e.target.name]: e.target.value });
   };
 
+  
+
   const submitDetails = async () => {
+    // Check if the user is logged in
     if (!currentUser) {
       alert('No user is logged in. Please log in to submit details.');
       return;
     }
-
+  
+    // Ensure a crop is selected
     if (!selectedCrop) {
       alert('Please select a crop.');
       return;
     }
-
-    const dataToSubmit = {
+  
+    // Structure the data to be submitted as part of a map
+    const cropData = {
       cropName: selectedCrop.name,
-      ...formData,
+      quantity: formData.quantity,
+      price: formData.price,
+      landArea: formData.landArea,
+      items: formData.items,
+      location: formData.location,
+      district: formData.district,
+      state: formData.state,
+      pincode: formData.pincode,
     };
-
+  
     try {
-      const docRef = await addDoc(collection(db, 'farmers', currentUser.uid, 'cropProduce'), dataToSubmit);
+      // Reference to the farmer's document
+      const farmerDocRef = doc(db, 'farmers', currentUser.uid);
+  
+      // Use setDoc to update the farmer's document by merging cropProduce as a map
+      await setDoc(
+        farmerDocRef,
+        {
+          cropProduce: cropData, // Use the crop name as a key and store the data
+          
+        },
+        { merge: true } // Merge to avoid overwriting existing data
+      );
+  
       alert('Details submitted successfully!');
-      console.log('Document written with ID: ', docRef.id);
     } catch (e) {
       console.error('Error adding document: ', e);
       alert('Failed to submit details. Please try again.');
     }
   };
+  
 
   return (
     <>
       <Navbar />
-      <Search searchQuery={searchQuery} setSearchQuery={setSearchQuery} handleSearch={handleSearch} />
-      <Details crops={filteredCrops} setSelectedCrop={setSelectedCrop} handleInputChange={handleInputChange} />
+      <Search
+        searchQuery={searchQuery}
+        setSearchQuery={setSearchQuery}
+        handleSearch={handleSearch}
+      />
+      <Details
+        crops={filteredCrops}
+        setSelectedCrop={setSelectedCrop}
+        handleInputChange={handleInputChange}
+      />
       <div className={styles['submit-btn-div']}>
         <button className={styles['submit-button']} onClick={submitDetails}>
           Submit Details
@@ -253,4 +298,3 @@ function FarmSell() {
 }
 
 export default FarmSell;
-