feat(plugin): add bo data fallback in discover

Author: moonrailgun

client/web/src/plugin/component/index.tsx

@@ -74,3 +74,4 @@ export {
   JumpToGroupPanelButton,
   JumpToConverseButton,
 } from '@/components/JumpToButton';
+export { NoData } from '@/components/NoData';

server/plugins/com.msgbyte.discover/web/plugins/com.msgbyte.discover/src/DiscoverPanel/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useAsync } from '@capital/common';
-import { LoadingSpinner, ErrorView } from '@capital/component';
+import { LoadingSpinner, ErrorView, NoData } from '@capital/component';
 import { request } from '../request';
 import styled from 'styled-components';
 import { DiscoverServerCard } from './DiscoverServerCard';
@@ -14,6 +14,7 @@ interface DiscoverServerItem {
 
 const Root = styled.div`
   width: 100%;
+  overflow: auto;
 `;
 
 const DiscoverServerHeader = styled.div`
@@ -52,11 +53,15 @@ export const DiscoverPanel: React.FC = React.memo(() => {
   return (
     <Root>
       <DiscoverServerHeader>{Translate.discoverHeader}</DiscoverServerHeader>
-      <DiscoverServerList>
-        {list.map((item, i) => (
-          <DiscoverServerCard key={i} groupId={item.groupId} />
-        ))}
-      </DiscoverServerList>
+      {Array.isArray(list) && list.length > 0 ? (
+        <DiscoverServerList>
+          {list.map((item, i) => (
+            <DiscoverServerCard key={i} groupId={item.groupId} />
+          ))}
+        </DiscoverServerList>
+      ) : (
+        <NoData />
+      )}
     </Root>
   );
 });