|
|
@ -33,6 +33,11 @@ const Root = styled(LoadingOnFirst)({
|
|
|
|
paddingTop: 80,
|
|
|
|
paddingTop: 80,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'.list': {
|
|
|
|
|
|
|
|
height: '100%',
|
|
|
|
|
|
|
|
overflow: 'auto',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
'.create-btn': {
|
|
|
|
'.create-btn': {
|
|
|
|
position: 'absolute',
|
|
|
|
position: 'absolute',
|
|
|
|
right: 20,
|
|
|
|
right: 20,
|
|
|
@ -146,7 +151,7 @@ const GroupTopicPanelRender: React.FC = React.memo(() => {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<Root spinning={loading}>
|
|
|
|
<Root spinning={loading}>
|
|
|
|
{Array.isArray(topicList) && topicList.length > 0 ? (
|
|
|
|
{Array.isArray(topicList) && topicList.length > 0 ? (
|
|
|
|
<>
|
|
|
|
<div className="list">
|
|
|
|
{topicList.map((item, i) => (
|
|
|
|
{topicList.map((item, i) => (
|
|
|
|
<TopicCard key={i} topic={item} />
|
|
|
|
<TopicCard key={i} topic={item} />
|
|
|
|
))}
|
|
|
|
))}
|
|
|
@ -160,7 +165,7 @@ const GroupTopicPanelRender: React.FC = React.memo(() => {
|
|
|
|
{Translate.noMore}
|
|
|
|
{Translate.noMore}
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
</>
|
|
|
|
</div>
|
|
|
|
) : (
|
|
|
|
) : (
|
|
|
|
<Empty description={Translate.noTopic}>
|
|
|
|
<Empty description={Translate.noTopic}>
|
|
|
|
<Button type="primary" onClick={handleCreateTopic}>
|
|
|
|
<Button type="primary" onClick={handleCreateTopic}>
|
|
|
|