gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-25 07:45:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-438): Use skeleton class in UniformityBarChartSkeleton

Browse Source
This commit is contained in:
rstubryan
2025-12-26 10:55:24 +07:00
parent ae00f49e64
commit 5f3c3be1f3
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/uniformity/skeleton/UniformityBarChartSkeleton.tsx
+4 -5
View File
@@ -4,7 +4,7 @@ import { Icon } from '@iconify/react';
const LeftLegend = () => { const LeftLegend = () => {
return ( return (
<> <>
<div className='w-4 h-30 bg-gray-200 rounded animate-pulse flex items-center justify-center self-center mb-10' /> <div className='skeleton h-30 w-4 flex items-center justify-center self-center mb-10' />
<div className='grid grid-cols-1 justify-center items-center'> <div className='grid grid-cols-1 justify-center items-center'>
{[...Array(5)].map((_, index) => ( {[...Array(5)].map((_, index) => (
@@ -12,7 +12,7 @@ const LeftLegend = () => {
key={`grid-${index}`} key={`grid-${index}`}
className='shrink-0 flex flex-col justify-center mb-10' className='shrink-0 flex flex-col justify-center mb-10'
> >
<div className='h-4 w-8 bg-gray-200 rounded animate-pulse' /> <div className='skeleton h-4 w-8' />
</div> </div>
))} ))}
</div> </div>
@@ -49,14 +49,13 @@ const ChartArea = () => {
{ranges.map((range) => ( {ranges.map((range) => (
<div <div
key={range} key={range}
className='h-3 w-8 sm:w-12 md:w-16 bg-gray-200 rounded animate-pulse shrink-0' className='skeleton h-3 w-8 sm:w-12 md:w-16 shrink-0'
style={{ animationDelay: '0.5s' }}
/> />
))} ))}
</div> </div>
<div className='flex justify-center pb-1'> <div className='flex justify-center pb-1'>
<div className='h-3 w-20 sm:w-28 bg-gray-200 rounded animate-pulse' /> <div className='skeleton h-3 w-20 sm:w-28' />
</div> </div>
</div> </div>
</div> </div>