Feat:Added Loading animation

This commit is contained in:
2025-02-23 07:28:35 +05:30
parent ac723810c5
commit 7f96da1555
+2 -1
View File
@@ -1,5 +1,6 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import Td from "./Td"; import Td from "./Td";
import Laoder from "./Laoder";
const FarmList = () => { const FarmList = () => {
const [data, setData] = useState([]); const [data, setData] = useState([]);
@@ -18,7 +19,7 @@ const FarmList = () => {
return ( return (
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
{loading ? ( {loading ? (
<div>Loading...</div> <Laoder></Laoder>
) : ( ) : (
<table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400"> <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">