How to use the react-icons/fa.FaUnlink function in react-icons

To help you get started, we’ve selected a few react-icons 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 cvdlab / react-planner / lib / components / sidebar / panel-groups.js View on Github external
onClick: swapVisibility,
                    style: !group.get('visible') ? styleEyeHidden : styleEyeVisible
                  })
                ),
                _react2.default.createElement(
                  'td',
                  { style: iconColStyle, title: _this2.context.translator.t('Chain selected Elements to Group') },
                  _react2.default.createElement(_fa.FaLink, {
                    onClick: chainToGroup,
                    style: !shouldHighlight ? styleEditButton : styleEditButtonHover
                  })
                ),
                _react2.default.createElement(
                  'td',
                  { style: iconColStyle, title: _this2.context.translator.t('Un-chain all Group\'s Elements and remove Group') },
                  _react2.default.createElement(_fa.FaUnlink, {
                    onClick: function onClick(e) {
                      return _this2.context.groupsActions.removeGroup(groupID);
                    },
                    style: !shouldHighlight ? styleEditButton : styleEditButtonHover
                  })
                ),
                _react2.default.createElement(
                  'td',
                  { style: iconColStyle, title: _this2.context.translator.t('Delete group and all Elements') },
                  _react2.default.createElement(_fa.FaTrash, {
                    onClick: function onClick(e) {
                      return _this2.context.groupsActions.removeGroupAndDeleteElements(groupID);
                    },
                    style: !shouldHighlight ? styleEditButton : styleEditButtonHover
                  })
                ),
github cvdlab / react-planner / lib / components / sidebar / panel-group-editor.js View on Github external
return ElementList.valueSeq().map(function (elementID) {
                      var element = _this2.props.state.getIn(['scene', 'layers', layerID, elementPrototype, elementID]);

                      return _react2.default.createElement(
                        'tr',
                        {
                          key: elementID
                        },
                        _react2.default.createElement(
                          'td',
                          { style: iconColStyle, title: _this2.context.translator.t('Un-chain Element from Group') },
                          _react2.default.createElement(_fa.FaUnlink, {
                            onClick: function onClick(e) {
                              return _this2.context.groupsActions.removeFromGroup(_this2.props.groupID, layerID, elementPrototype, elementID);
                            },
                            style: styleEditButton
                          })
                        ),
                        _react2.default.createElement(
                          'td',
                          { style: { textAlign: 'center' } },
                          layerID
                        ),
                        _react2.default.createElement(
                          'td',
                          { style: { textAlign: 'center', textTransform: 'capitalize' } },
                          elementPrototype
                        ),