mirror of
https://github.com/apache/superset.git
synced 2026-04-27 03:55:47 +00:00
SIP-32: Moving frontend code to the base of the repo (#9098)
* move assets out, get webpack dev working * update docs to reference superset-frontend * draw the rest of the owl * fix docs * fix webpack script * rats * correct docs * fix tox dox
This commit is contained in:
committed by
GitHub
parent
0cf354cc88
commit
2913063924
60
superset-frontend/src/SqlLab/components/TabStatusIcon.jsx
Normal file
60
superset-frontend/src/SqlLab/components/TabStatusIcon.jsx
Normal file
@@ -0,0 +1,60 @@
|
||||
/**
|
||||
* Licensed to the Apache Software Foundation (ASF) under one
|
||||
* or more contributor license agreements. See the NOTICE file
|
||||
* distributed with this work for additional information
|
||||
* regarding copyright ownership. The ASF licenses this file
|
||||
* to you under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance
|
||||
* with the License. You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing,
|
||||
* software distributed under the License is distributed on an
|
||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
* KIND, either express or implied. See the License for the
|
||||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const propTypes = {
|
||||
onClose: PropTypes.func.isRequired,
|
||||
tabState: PropTypes.string.isRequired,
|
||||
};
|
||||
|
||||
class TabStatusIcon extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.onMouseOver = this.onMouseOver.bind(this);
|
||||
this.onMouseOut = this.onMouseOut.bind(this);
|
||||
|
||||
this.state = { isHovered: false };
|
||||
}
|
||||
|
||||
onMouseOver() {
|
||||
this.setState({ isHovered: true });
|
||||
}
|
||||
|
||||
onMouseOut() {
|
||||
this.setState({ isHovered: false });
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<span
|
||||
onMouseOver={this.onMouseOver}
|
||||
onMouseOut={this.onMouseOut}
|
||||
onClick={this.props.onClose}
|
||||
>
|
||||
<div className={'circle ' + this.props.tabState}>
|
||||
{this.state.isHovered ? '×' : null}
|
||||
</div>
|
||||
</span>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
TabStatusIcon.propTypes = propTypes;
|
||||
export default TabStatusIcon;
|
||||
Reference in New Issue
Block a user