Feat:Added Loading animation
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user