diff --git a/lib/components/WidgetFrame.js b/lib/components/WidgetFrame.js index ca59126..b38f27e 100644 --- a/lib/components/WidgetFrame.js +++ b/lib/components/WidgetFrame.js @@ -89,49 +89,49 @@ const cardTarget = { isDragging: monitor.isDragging(), })) class WidgetFrame extends Component { - render() { - const { - frameComponent, - children, - editable, - title, - frameSettings, - connectDragSource, - connectDropTarget, - isDragging, - } = this.props; - - let selected = null; - - if (frameComponent) { - // if user provided a custom frame, use it - selected = createElement(frameComponent, { - children, - editable, - title, - settings: frameSettings, - onRemove: this.remove, - }); - } else { - // else use the default frame - selected = ( - - ); - } - const opacity = isDragging ? 0 : 1; - const widgetFrame = ( -
- {selected} -
- ); - - return editable ? connectDragSource(connectDropTarget(widgetFrame)) : widgetFrame; - } + render() { + const { + frameComponent, + children, + editable, + title, + frameSettings, + connectDragSource, + connectDropTarget, + isDragging, + } = this.props; + + let selected = null; + + if (frameComponent) { + // if user provided a custom frame, use it + selected = createElement(frameComponent, { + children, + editable, + title, + settings: frameSettings, + onRemove: this.remove, + }); + } else { + // else use the default frame + selected = ( + + ); + } + const opacity = isDragging ? 0 : 1; + const widgetFrame = ( +
+ {selected} +
+ ); + + return editable ? connectDragSource(connectDropTarget(widgetFrame)) : widgetFrame; + } remove = () => { const { layout, rowIndex, columnIndex, widgetIndex } = this.props; diff --git a/test/components/WidgetFrame.spec.js b/test/components/WidgetFrame.spec.js index be8cb56..6b5bd25 100644 --- a/test/components/WidgetFrame.spec.js +++ b/test/components/WidgetFrame.spec.js @@ -125,13 +125,13 @@ describe('', () => { }); it('Customized frame should be provided with necessary props', () => { - let children = []; - let editable = false; - let onRemove = () => {}; - let title = 'Widget Title'; - let OriginalWidgetFrame = WidgetFrame.DecoratedComponent; - let identity = (el) => el; - let settings = { + const children = []; + const editable = false; + const onRemove = () => {}; + const title = 'Widget Title'; + const OriginalWidgetFrame = WidgetFrame.DecoratedComponent; + const identity = (el) => el; + const settings = { color: '#E140AD', }; const component = mount(