feat(FE-438): Add UniformityTable skeleton for empty state

This commit is contained in:
rstubryan
2025-12-26 10:58:27 +07:00
parent 5f3c3be1f3
commit f1227c9dcb
2 changed files with 28 additions and 0 deletions
@@ -0,0 +1,26 @@
import Button from '@/components/Button';
import { Icon } from '@iconify/react';
const UniformityTableSkeleton = () => {
return (
<div className='flex flex-col items-center justify-center gap-2 my-10 mb-0!'>
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
<Button className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'>
<Icon
icon={'heroicons-outline:chart-bar'}
className='text-4xl text-whitd'
/>
</Button>
</div>
<span className='text-xl font-semibold text-[#18181B80] leading-5'>
No Data Available
</span>
<span className='text-xs font-light text-[#18181B80] leading-4 text-center max-w-xs px-4'>
There is no uniformity data displayed. Enter uniformity check data to
get started.
</span>
</div>
);
};
export default UniformityTableSkeleton;