feat(plugin): add bo data fallback in discover

pull/105/head
moonrailgun 2 years ago
parent bc5c522a77
commit d77eef44ff

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

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

Loading…
Cancel
Save