add PostDescription Skeleton story

factorialco · Jan 3, 2025 · f82466c · f82466c
1 parent 037b351
commit f82466c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 18 deletions.
diff --git a/lib/experimental/Information/Communities/Post/CommunityPost/index.tsx b/lib/experimental/Information/Communities/Post/CommunityPost/index.tsx
@@ -190,9 +190,8 @@ export const CommunityPostSkeleton = ({
         <Skeleton className="h-2.5 w-18 rounded-2xs" />
       </div>
       <Skeleton className="mt-3.5 h-3.5 w-1/5 rounded-2xs" />
-      <div className="mt-3 flex flex-col justify-around gap-3 py-2">
-        <Skeleton className="h-2.5 w-1/2 rounded-2xs" />
-        <Skeleton className="h-2.5 w-2/3 rounded-2xs" />
+      <div className="mt-3">
+        <PostDescription.Skeleton />
       </div>
       {withImage && !withEvent && (
         <div className="mt-3 aspect-video w-full overflow-hidden rounded-xl md:w-2/3">

diff --git a/lib/experimental/Information/Communities/Post/PostDescription/index.stories.tsx b/lib/experimental/Information/Communities/Post/PostDescription/index.stories.tsx
@@ -90,18 +90,16 @@ export const Collapsed: Story = {
   },
 }
 
-// type SkeletonStory = StoryObj<typeof CommunityPost.Skeleton>
+type SkeletonStory = StoryObj<typeof PostDescription.Skeleton>
 
-// export const Skeleton: SkeletonStory = {
-//   decorators: [
-//     (Story) => (
-//       <div className="max-w-[755px]">
-//         <Story />
-//       </div>
-//     ),
-//   ],
-//   args: {
-//     withEvent: true,
-//   },
-//   render: (args) => <CommunityPost.Skeleton {...args} />,
-// }
+export const Skeleton: SkeletonStory = {
+  decorators: [
+    (Story) => (
+      <div className="max-w-[755px]">
+        <Story />
+      </div>
+    ),
+  ],
+  args: {},
+  render: () => <PostDescription.Skeleton />,
+}
diff --git a/lib/experimental/Information/Communities/Post/PostDescription/index.tsx b/lib/experimental/Information/Communities/Post/PostDescription/index.tsx
@@ -23,7 +23,7 @@ export const BasePostDescription = ({
 }
 
 export const PostDescriptionSkeleton = () => (
-  <div>
+  <div className="flex flex-col justify-around gap-3 py-2">
     <Skeleton className="h-2.5 w-1/2 rounded-2xs" />
     <Skeleton className="h-2.5 w-2/3 rounded-2xs" />
   </div>