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

feat:Added glass navbar and Dashboard components

Browse Source
This commit is contained in:
Atharva
2025-02-22 18:48:07 +05:30
parent 439dbe51b6
commit c41d788328
15 changed files with 430 additions and 419 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/components/FarmList.jsx
+126
View File
@@ -0,0 +1,126 @@
const FarmList = () => {
return (
<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">
Farm name
</th>
<th scope="col" class="px-6 py-3">
Location
</th>
<th scope="col" class="px-6 py-3">
Type
</th>
<th scope="col" class="px-6 py-3">
Size (acres)
</th>
<th scope="col" class="px-6 py-3">
Action
</th>
</tr>
</thead>
<tbody>
<tr class="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">
<th
scope="row"
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
>
Green Valley Farms
</th>
<td class="px-6 py-4">California</td>
<td class="px-6 py-4">Organic</td>
<td class="px-6 py-4">150</td>
<td class="px-6 py-4">
<a
href="#"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
>
Edit
</a>
</td>
</tr>
<tr class="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">
<th
scope="row"
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
>
Sunny Acres
</th>
<td class="px-6 py-4">Texas</td>
<td class="px-6 py-4">Conventional</td>
<td class="px-6 py-4">200</td>
<td class="px-6 py-4">
<a
href="#"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
>
Edit
</a>
</td>
</tr>
<tr class="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">
<th
scope="row"
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
>
Riverside Estates
</th>
<td class="px-6 py-4">Florida</td>
<td class="px-6 py-4">Hydroponic</td>
<td class="px-6 py-4">120</td>
<td class="px-6 py-4">
<a
href="#"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
>
Edit
</a>
</td>
</tr>
<tr class="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">
<th
scope="row"
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
>
Blueberry Hill
</th>
<td class="px-6 py-4">Oregon</td>
<td class="px-6 py-4">Berry</td>
<td class="px-6 py-4">80</td>
<td class="px-6 py-4">
<a
href="#"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
>
Edit
</a>
</td>
</tr>
<tr>
<th
scope="row"
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
>
Sunnybrook Meadows
</th>
<td class="px-6 py-4">Washington</td>
<td class="px-6 py-4">Dairy</td>
<td class="px-6 py-4">300</td>
<td class="px-6 py-4">
<a
href="#"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
>
Edit
</a>
</td>
</tr>
</tbody>
</table>
</div>
);
};
export default FarmList;