style: add animal for chatbox placeholder

3 years ago · e227602b09
parent b94c0feb52
commit e227602b09
1 changed files with 60 additions and 10 deletions
--- a/web/src/components/ChatBox/ChatBoxPlaceholder.tsx
+++ b/web/src/components/ChatBox/ChatBoxPlaceholder.tsx
@ -6,16 +6,66 @@ export const ChatBoxPlaceholder: React.FC = React.memo(() => {

  return (
    <div className="px-2 w-2/3">
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
    </div>
  );
 });