mirror of
https://github.com/wassname/talk.git
synced 2026-08-03 13:20:59 +08:00
replaced eslint:recommended with prettier
This commit is contained in:
@@ -1,23 +1,33 @@
|
||||
import React from 'react';
|
||||
import {Spinner, TabBar, TabContent} from 'coral-ui';
|
||||
import { Spinner, TabBar, TabContent } from 'coral-ui';
|
||||
import PropTypes from 'prop-types';
|
||||
import styles from './ExtendableTabPanel.css';
|
||||
|
||||
class ExtendableTabPanel extends React.Component {
|
||||
|
||||
render() {
|
||||
const {activeTab, setActiveTab, tabs, tabPanes, sub, loading, ...rest} = this.props;
|
||||
const {
|
||||
activeTab,
|
||||
setActiveTab,
|
||||
tabs,
|
||||
tabPanes,
|
||||
sub,
|
||||
loading,
|
||||
...rest
|
||||
} = this.props;
|
||||
return (
|
||||
<div {...rest}>
|
||||
<TabBar activeTab={activeTab} onTabClick={setActiveTab} sub={sub}>
|
||||
{tabs}
|
||||
</TabBar>
|
||||
{loading
|
||||
? <div className={styles.spinnerContainer}><Spinner /></div>
|
||||
: <TabContent activeTab={activeTab} sub={sub}>
|
||||
{loading ? (
|
||||
<div className={styles.spinnerContainer}>
|
||||
<Spinner />
|
||||
</div>
|
||||
) : (
|
||||
<TabContent activeTab={activeTab} sub={sub}>
|
||||
{tabPanes}
|
||||
</TabContent>
|
||||
}
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -29,11 +39,11 @@ ExtendableTabPanel.propTypes = {
|
||||
loading: PropTypes.bool,
|
||||
tabs: PropTypes.oneOfType([
|
||||
PropTypes.element,
|
||||
PropTypes.arrayOf(PropTypes.element)
|
||||
PropTypes.arrayOf(PropTypes.element),
|
||||
]),
|
||||
tabPanes: PropTypes.oneOfType([
|
||||
PropTypes.element,
|
||||
PropTypes.arrayOf(PropTypes.element)
|
||||
PropTypes.arrayOf(PropTypes.element),
|
||||
]),
|
||||
className: PropTypes.string,
|
||||
sub: PropTypes.bool,
|
||||
|
||||
Reference in New Issue
Block a user