添加用户侧栏

src/components/app/App.jsx

@@ -58,6 +58,12 @@ class App extends Component {
         });
     };
 
+    switchMenuUser = (menuName, value) => {
+        this.setState({
+            [menuName]: value,
+        });
+    };
+
     showModal = () => {
         this.setState({
             visible: true,
@@ -108,7 +114,7 @@ class App extends Component {
                         <Menu
                             theme="dark"
                             mode="horizontal"
-                            defaultSelectedKeys={['graphql-service']}
+                            // defaultSelectedKeys={['graphql-service']}
                             style={{lineHeight: '64px'}}
                             onClick={(e) => this.switchMenu('menuLevel1', e)}
                         >
@@ -124,7 +130,9 @@ class App extends Component {
                             </Menu.Item>
                         </Menu>
 
-                        <Link to="/login"><Button className='login-button' type='primary'>Login</Button></Link>
+                        <Link to="/login">
+                            <Button className='login-button' type='primary' onClick={()=>this.switchMenuUser('menuLevel1','user')} >Login</Button>
+                        </Link>
 
                         <div className="change-locale">
                             <Button size="small" onClick={(e) => this.changeLocale(e)}>{language}</Button>
@@ -234,6 +242,43 @@ class App extends Component {
                                         </Menu>
                                     </Sider>
                                 );
+                            case 'user':
+                                return (
+                                    <Sider
+                                        width={200}
+                                        style={{background: '#fff', marginTop: '64px', zIndex: '0'}}
+                                        collapsible
+                                        collapsed={this.state.collapsed}
+                                        onCollapse={this.onCollapse}
+                                    >
+                                        <Menu
+                                            theme="dark"
+                                            defaultSelectedKeys={['cloud-settings']}
+                                            onClick={(e) => this.switchMenu('sideBar', e)}
+                                            selectedKeys={[this.state.sideBar]}
+                                            style={{
+                                                borderRight: 0,
+                                                overflow: 'auto',
+                                                height: '100vh',
+                                                left: '0',
+                                                width: '200px',
+                                                position: 'fixed'
+                                            }}
+                                        >
+                                            <Menu.Item key="account">
+                                                <Icon type="setting" theme="twoTone" />
+                                                <span>Account center</span>
+                                                <Link to="/login/"/>
+                                            </Menu.Item>
+
+                                            <Menu.Item key="cloud-settings">
+                                                <Icon type="cloud" theme="twoTone" />
+                                                <span>Cloud settings</span>
+                                                <Link to="/login/"/>
+                                            </Menu.Item>
+                                        </Menu>
+                                    </Sider>
+                                );
                             default:
                                 return (
                                     <Sider
@@ -306,12 +351,11 @@ class GraphqlSidebar extends Component {
 
 
     render() {
-        console.log('userID',this.state.userID);
         return (
             <Query query={gql(SHOW_ALL_SCHEMA)} variables={{user_id: this.state.userID}}>
                 {
                     ({loading, error, data}) => {
-                        console.log('user schema data',data);
+                        // console.log('user schema data',data);
                         if (loading) return <Spin style={{marginLeft: 3}}/>;
                         if (error) return 'error!';
                         return (

src/components/common/schema/Schema.jsx

@@ -45,7 +45,6 @@ class Schema extends Component {
 
     render() {
         let userID = this.props.userID;
-        console.log('this.state.currentTable',this.state.currentTable);
         return (
             <Query query={gql(SHOW_TABLE)} variables={{schema_id: this.state.schemaID}}>
 

src/components/trialCase/TrialCase.jsx

@@ -15,7 +15,6 @@ const {Content} = Layout;
 class TrialCase extends Component {
     constructor(props) {
         super(props);
-        console.log('TrialCase props',props);
         this.state = {
             menuLevel2: "schema",
             // default user
@@ -50,7 +49,7 @@ class TrialCase extends Component {
     render() {
         let schemaID = this.props.history.location.state ? this.props.history.location.state.schemaID : "schema_1542243424669_92094965";
         let schemaName = this.props.history.location.state ? this.props.history.location.state.schemaName : "ecommerce";
-        console.log('schemaID0',schemaID,'schemaName0',schemaName);
+        // console.log('schemaID0',schemaID,'schemaName0',schemaName);
         return (
             <div>
                 <Menu