💄 style: improve loading style

lobehub · Dec 29, 2023 · 3a6f581 · 3a6f581
1 parent 6f1f983
commit 3a6f581
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 23 deletions.
diff --git a/src/features/Conversation/ChatList/Plugins/Render/BuiltinType/index.tsx b/src/features/Conversation/ChatList/Plugins/Render/BuiltinType/index.tsx
@@ -1,5 +1,4 @@
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 
 import { BuiltinToolsRenders } from '@/tools/renders';
 
@@ -17,13 +16,7 @@ const BuiltinType = memo<BuiltinTypeProps>(({ content, id, identifier, loading }
   const { isJSON, data } = useParseContent(content);
 
   if (!isJSON) {
-    return (
-      loading && (
-        <Flexbox gap={8}>
-          <Loading />
-        </Flexbox>
-      )
-    );
+    return loading && <Loading />;
   }
 
   const Render = BuiltinToolsRenders[identifier || ''];

diff --git a/src/features/Conversation/ChatList/Plugins/Render/DefaultType/index.tsx b/src/features/Conversation/ChatList/Plugins/Render/DefaultType/index.tsx
@@ -1,7 +1,6 @@
 import { Skeleton } from 'antd';
 import dynamic from 'next/dynamic';
 import { Suspense, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
@@ -24,13 +23,7 @@ const PluginDefaultType = memo<PluginDefaultTypeProps>(({ content, name, loading
   const { isJSON, data } = useParseContent(content);
 
   if (!isJSON) {
-    return (
-      loading && (
-        <Flexbox gap={8}>
-          <Loading />
-        </Flexbox>
-      )
-    );
+    return loading && <Loading />;
   }
 
   if (!manifest?.ui) return;

diff --git a/src/features/Conversation/ChatList/Plugins/Render/MarkdownType/index.tsx b/src/features/Conversation/ChatList/Plugins/Render/MarkdownType/index.tsx
@@ -1,6 +1,5 @@
 import { Markdown } from '@lobehub/ui';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 
 import Loading from '../Loading';
 
@@ -10,12 +9,7 @@ export interface PluginMarkdownTypeProps {
 }
 
 const PluginMarkdownType = memo<PluginMarkdownTypeProps>(({ content, loading }) => {
-  if (loading)
-    return (
-      <Flexbox gap={8}>
-        <Loading />
-      </Flexbox>
-    );
+  if (loading) return <Loading />;
 
   return <Markdown>{content}</Markdown>;
 });