From 42ef6af53df631f64c5d63c331c0a090a6446d01 Mon Sep 17 00:00:00 2001
From: Biswajeet Das <biswajeetdas18@gmail.com>
Date: Tue, 17 Dec 2024 21:52:15 +0530
Subject: [PATCH] refactor(push): remove redundant Skeleton component and
 adjust animation transition in PushContentContainerPreview

---
 .../components/workflow-editor/steps/push/push-preview.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/components/workflow-editor/steps/push/push-preview.tsx b/apps/dashboard/src/components/workflow-editor/steps/push/push-preview.tsx
index 1b302179811..1b41903de1d 100644
--- a/apps/dashboard/src/components/workflow-editor/steps/push/push-preview.tsx
+++ b/apps/dashboard/src/components/workflow-editor/steps/push/push-preview.tsx
@@ -81,7 +81,6 @@ export const PushBodyPreview = ({ body, isPending, className, ...rest }: PushBod
   if (isPending) {
     return (
       <div className="flex flex-col gap-1" {...rest}>
-        <Skeleton className="h-3 w-full" />
         <Skeleton className="h-3 w-full" />
         <Skeleton className="h-3 w-2/3" />
       </div>
@@ -100,8 +99,9 @@ export const PushContentContainerPreview = ({ children, className, ...rest }: HT
     <motion.div
       initial={{ opacity: 0, y: -10 }}
       animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.3, ease: 'easeOut' }}
+      transition={{ duration: 0.2, ease: 'easeOut' }}
       className={cn('flex w-full flex-col gap-0.5 rounded-md bg-[rgba(252,252,252,0.50)] p-1.5', className)}
+      layout
       {...rest}
     >
       {children}