| 1 |
const CampaignLoading = ({ line = 0 }) => { |
| 2 |
const element = ( |
| 3 |
<> |
| 4 |
<td className="disco-border-b disco-ps-4 disco-border-gray-100 disco-py-5 disco-pr-4"> |
| 5 |
<span className="disco-block disco-h-5 disco-w-5 disco-bg-gray-300 disco-rounded-md disco-animate-pulse"></span> |
| 6 |
</td> |
| 7 |
<td className="disco-border-b disco-border-gray-100 disco-w-32 disco-py-5 disco-pr-4"> |
| 8 |
<span className="disco-block disco-h-5 disco-w-8 disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 9 |
</td> |
| 10 |
<td className="disco-border-b disco-border-gray-100 disco-py-5 disco-pr-4 "> |
| 11 |
<span className="disco-block disco-h-5 disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 12 |
</td> |
| 13 |
<td className="disco-border-b disco-border-gray-100 disco-py-5 disco-pr-4 "> |
| 14 |
<span className="disco-block disco-h-5 disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 15 |
</td> |
| 16 |
<td className="disco-border-b disco-border-gray-100 disco-py-5 disco-pr-4"> |
| 17 |
<span className="disco-block disco-h-5 disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 18 |
</td> |
| 19 |
<td className="disco-border-b disco-border-gray-100 disco-py-5 disco-pr-4"> |
| 20 |
<span className="disco-block disco-h-5 disco-min-w-[40px] disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 21 |
</td> |
| 22 |
<td className="disco-border-b disco-border-gray-100 disco-py-5 disco-pr-4"> |
| 23 |
<span className="disco-block disco-h-5 disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 24 |
</td> |
| 25 |
<td className="disco-border-b disco-border-gray-100 disco-py-5"> |
| 26 |
<span className="disco-block disco-h-5 disco-w-full disco-bg-gray-300 disco-rounded-full disco-animate-pulse"></span> |
| 27 |
</td> |
| 28 |
</> |
| 29 |
); |
| 30 |
const items = []; |
| 31 |
|
| 32 |
for (let i = 0; i < line; i++) { |
| 33 |
items.push(i + 1); |
| 34 |
} |
| 35 |
|
| 36 |
return ( |
| 37 |
<> |
| 38 |
{items.map((i) => ( |
| 39 |
<tr key={i}>{element}</tr> |
| 40 |
))} |
| 41 |
</> |
| 42 |
); |
| 43 |
}; |
| 44 |
export default CampaignLoading; |
| 45 |
|
