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

Added Dynamic routing on the table name

Browse Source
This commit is contained in:
Atharva
2025-02-22 23:49:05 +05:30
parent 762e246ccd
commit 89af132577
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/components/Td.jsx
+13 -2
View File
@@ -1,10 +1,21 @@
import { useNavigate } from "react-router-dom";
const Td = ({ children }) => { const Td = ({ children }) => {
console.log(children); const navigate = useNavigate();
return ( return (
<tr className="odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700 border-gray-200"> <tr className="odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700 border-gray-200">
<td className="px-6 py-4">{children.name}</td> <td
className="px-6 py-4"
onClick={() => {
console.log("Td", children._id);
navigate(`farmpage/${children._id}`);
}}
>
{children.name}
</td>
<td className="px-6 py-4">{children.location}</td> <td className="px-6 py-4">{children.location}</td>
<td className="px-6 py-4">{children.soilType}</td> <td className="px-6 py-4">{children.soilType}</td>
<td className="px-6 py-4">{children.size}</td>
<td className="px-6 py-4"> <td className="px-6 py-4">
<a <a
href="#" href="#"