ticket
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
import { FC } from 'react'
|
||||
import Skeleton from 'react-loading-skeleton'
|
||||
|
||||
const AnouncementSkeleton: FC = () => {
|
||||
return (
|
||||
<div className={'p-4 border-b'}>
|
||||
<div className='flex items-center justify-between'>
|
||||
<div className='leading-6 text-xs xl:text-[12.5px] max-w-[70%]'>
|
||||
<Skeleton
|
||||
height={7}
|
||||
width={100}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='flex gap-1'>
|
||||
<Skeleton
|
||||
className='!w-10 !h-6 !rounded-full'
|
||||
/>
|
||||
<Skeleton
|
||||
className='!w-10 !h-6 !rounded-full'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='m-2 flex justify-between items-center text-[11px]'>
|
||||
<Skeleton
|
||||
height={7}
|
||||
width={150}
|
||||
/>
|
||||
<div className='text-description'>
|
||||
<Skeleton
|
||||
height={7}
|
||||
width={40}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AnouncementSkeleton
|
||||
Reference in New Issue
Block a user