Fix: Only show Props & methods tab button if there are props (#488, c…

…lose #486)

src/rsg-components/slots/UsageTabButton.js

@@ -2,14 +2,23 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import TabButton from 'rsg-components/TabButton';
 
-const UsageTabButton = props =>
-	<TabButton {...props}>
-		Props & methods
-	</TabButton>;
+const UsageTabButton = props => {
+	const component = props.props;
+	const showButton = component.props || (component.methods && component.methods.length > 0);
+	return showButton
+		? <TabButton {...props}>
+				Props & methods
+			</TabButton>
+		: null;
+};
 
 UsageTabButton.propTypes = {
 	onClick: PropTypes.func.isRequired,
 	name: PropTypes.string.isRequired,
+	props: PropTypes.shape({
+		props: PropTypes.object,
+		methods: PropTypes.array,
+	}).isRequired,
 	active: PropTypes.bool,
 };
 

src/rsg-components/slots/UsageTabButton.spec.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import UsageTabButton from './UsageTabButton';
+
+const props = {
+	name: 'Pizza',
+	onClick: () => {},
+};
+
+it('should renderer a button', () => {
+	const actual = shallow(<UsageTabButton {...props} props={{ props: { foo: {} } }} />);
+
+	expect(actual).toMatchSnapshot();
+});
+
+it('should renderer null if there are not props or methods', () => {
+	const actual = shallow(<UsageTabButton {...props} props={{}} />);
+
+	expect(actual.node).toBeFalsy();
+});

src/rsg-components/slots/__snapshots__/UsageTabButton.spec.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should renderer a button 1`] = `
+<Styled(TabButton)
+  name="Pizza"
+  onClick={[Function]}
+  props={
+    Object {
+      "props": Object {
+        "foo": Object {},
+      },
+    }
+  }
+>
+  Props & methods
+</Styled(TabButton)>
+`;