wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-09-11 12:51:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Move Spinner down to replacing TabContent

Browse Source
This commit is contained in:
Chi Vinh Le
2017-08-30 00:35:55 +07:00
parent 21e4cf5865
commit 90a0446afa
4 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/coral-embed-stream/src/components/StreamTabPanel.js
+9 -5
View File
@@ -1,19 +1,23 @@
import React from 'react';
import {TabBar, TabContent} from 'coral-ui';
import {Spinner, TabBar, TabContent} from 'coral-ui';
import PropTypes from 'prop-types';
import styles from './StreamTabPanel.css';
class StreamTabPanel extends React.Component {
render() {
const {activeTab, setActiveTab, tabs, tabPanes, sub} = this.props;
const {activeTab, setActiveTab, tabs, tabPanes, sub, loading} = this.props;
return (
<div>
<TabBar activeTab={activeTab} onTabClick={setActiveTab} sub={sub}>
{tabs}
</TabBar>
<TabContent activeTab={activeTab} sub={sub}>
{tabPanes}
</TabContent>
{loading
? <div className={styles.spinnerContainer}><Spinner /></div>
: <TabContent activeTab={activeTab} sub={sub}>
{tabPanes}
</TabContent>
}
</div>
);
}