feat(finefoods-client): add skeleton to price tag

refinedev · May 23, 2024 · 5c3ca90 · 5c3ca90
1 parent c3c648b
commit 5c3ca90
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/examples/finefoods-client/src/components/products/table/skeleton.tsx b/examples/finefoods-client/src/components/products/table/skeleton.tsx
@@ -8,13 +8,13 @@ export const ProductsTableSkeleton = () => {
           <tr key={index} className="border-b border-gray-100 w-full">
             <td className="p-4">
               <div className="flex flex-col items-center gap-4 md:flex-row md:gap-8">
-                <div className="flex-shrink-0 w-32 h-32 bg-gray-200 rounded-full" />
-                <div className="flex-auto flex flex-col gap-1 w-full md:w-auto text-center">
+                <div className="animate-pulse flex-shrink-0 w-32 h-32 bg-gray-200 rounded-full" />
+                <div className="animate-pulse  flex-auto flex flex-col gap-1 w-full md:w-auto text-center">
                   <div className="h-7 bg-gray-200 w-full lg:w-1/6" />
                   <div className="h-6 bg-gray-200 w-full lg:w-1/2" />
                 </div>
-                <div className="w-16 shrink-0 flex items-center text-lg font-bold text-gray-800">
-                  $
+                <div className="w-16 h-6 shrink-0 flex items-center">
+                  <div className="animate-pulse w-10 h-6 bg-gray-200" />
                 </div>
                 <div className="mb-[5px]">
                   <div className="ml-[124px]  bg-primary flex h-8 items-center gap-1 rounded-lg pl-2 pr-4 font-bold text-white">