diff --git a/src/rsg-components/Pathline/PathlineRenderer.js b/src/rsg-components/Pathline/PathlineRenderer.js index b8452276e..7b30a0ff9 100644 --- a/src/rsg-components/Pathline/PathlineRenderer.js +++ b/src/rsg-components/Pathline/PathlineRenderer.js @@ -10,7 +10,7 @@ export const styles = ({ space, fontFamily, fontSize, color }) => ({ fontFamily: fontFamily.monospace, fontSize: fontSize.small, color: color.light, - wordBreak: 'break-all' + wordBreak: 'break-all', }, copyButton: { marginLeft: space[0], diff --git a/src/rsg-components/Usage/Usage.js b/src/rsg-components/Usage/Usage.js index 02641c92d..83448a4b3 100644 --- a/src/rsg-components/Usage/Usage.js +++ b/src/rsg-components/Usage/Usage.js @@ -2,10 +2,11 @@ import React from 'react'; import PropTypes from 'prop-types'; import Props from 'rsg-components/Props'; import Methods from 'rsg-components/Methods'; +import isEmpty from 'lodash/isEmpty'; export default function Usage({ props: { props, methods } }) { - const propsNode = props && ; - const methodsNode = methods && methods.length > 0 && ; + const propsNode = !isEmpty(props) && ; + const methodsNode = !isEmpty(methods) && ; if (!propsNode && !methodsNode) { return null; diff --git a/src/rsg-components/slots/UsageTabButton.js b/src/rsg-components/slots/UsageTabButton.js index 98a33259f..227438a26 100644 --- a/src/rsg-components/slots/UsageTabButton.js +++ b/src/rsg-components/slots/UsageTabButton.js @@ -1,10 +1,11 @@ import React from 'react'; import PropTypes from 'prop-types'; import TabButton from 'rsg-components/TabButton'; +import isEmpty from 'lodash/isEmpty'; const UsageTabButton = props => { const component = props.props; - const showButton = component.props || (component.methods && component.methods.length > 0); + const showButton = !isEmpty(component.props) || !isEmpty(component.methods); return showButton ? Props & methods : null; };