How to use the react-color.CirclePicker function in react-color

To help you get started, we’ve selected a few react-color examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github sasha-alias / sqltabs / src / TabToolbar.js View on Github external
(at your option) any later version.

      This program is distributed in the hope that it will be useful,
      but WITHOUT ANY WARRANTY; without even the implied warranty of
      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
      GNU General Public License for more details.

      You should have received a copy of the GNU General Public License
      along with this program.  If not, see .
*/

var React = require('react');
var Actions = require('./Actions');
var TabsStore = require('./TabsStore');
var ConnInput = require('./ConnInput');
var ColorPicker = require('react-color').CirclePicker;

var TabToolbar = React.createClass({

    getInitialState: function(){
        var color = TabsStore.getConnectionColor();
        return {
            background: color,
            displayColorPicker: false,
        };

    },

    componentDidMount: function(){
        TabsStore.bind('change', this.storeChangedHandler);
        window.addEventListener('click', this.globalClickHandler);
    },