create an itemPropTypes object, linting and missing ItemGroup story props

Author: alishaevn

src/components/Button/Button.jsx

@@ -26,7 +26,7 @@ export const buttonPropTypes = {
   type: PropTypes.string,
 }
 
-Button.propTypes =  { ...buttonPropTypes }
+Button.propTypes = { ...buttonPropTypes }
 
 Button.defaultProps = {
   addClass: '',

src/compounds/Item/Item.jsx

@@ -73,6 +73,17 @@ const Item = ({ buttonLink, buttonProps, href, isLoading, item, orientation, tit
   )
 }
 
+export const itemPropTypes = {
+  description: PropTypes.string,
+  id: PropTypes.number.isRequired,
+  img: PropTypes.shape({
+    src: PropTypes.string.isRequired,
+    alt: PropTypes.string,
+  }).isRequired,
+  name: PropTypes.string.isRequired,
+  slug: PropTypes.string,
+}
+
 Item.propTypes = {
   buttonLink: PropTypes.string,
   // currently overriding the label on a button from being required in this component,
@@ -88,16 +99,7 @@ Item.propTypes = {
     PropTypes.shape({}),
   ]),
   isLoading: PropTypes.bool,
-  item: PropTypes.shape({
-    description: PropTypes.string,
-    id: PropTypes.number.isRequired,
-    img: PropTypes.shape({
-      src: PropTypes.string.isRequired,
-      alt: PropTypes.string,
-    }).isRequired,
-    name: PropTypes.string.isRequired,
-    slug: PropTypes.string,
-  }),
+  item: PropTypes.shape({ ...itemPropTypes }).isRequired,
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
   titleLink: PropTypes.string,
   withButtonLink: PropTypes.bool,

src/compounds/ItemGroup/ItemGroup.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Col, Row } from 'react-bootstrap'
 import Title from '../../components/Title/Title'
-import Item from '../Item/Item'
+import Item, { itemPropTypes} from '../Item/Item'
 import ItemLoading from '../Item/ItemLoading'
 import './item-group.scss'
 
@@ -53,7 +53,7 @@ ItemGroup.propTypes = {
     label: PropTypes.string,
   }),
   items: PropTypes.arrayOf(PropTypes.shape({
-    ...Item.propTypes,
+    ...itemPropTypes,
     imgProps: PropTypes.shape({}),
     style: PropTypes.shape({}),
   })).isRequired,

src/compounds/ItemGroup/ItemGroup.stories.jsx

@@ -15,6 +15,7 @@ Default.args = {
     backgroundColor: '#A9A9A9',
     label: 'Request this item',
   },
+  isLoading: false,
   items: items.slice(0, 3),
   orientation: 'vertical',
 }
@@ -25,6 +26,7 @@ Horizontal.args = {
     backgroundColor: '#A9A9A9',
     label: 'Request this item',
   },
+  isLoading: false,
   items: items.slice(0, 3),
   orientation: 'horizontal',
 }
@@ -37,6 +39,7 @@ isLoading.args = {
 
 export const withTitleLink = Template.bind({})
 withTitleLink.args = {
+  isLoading: false,
   items: items.slice(0, 6),
   withTitleLink: true,
 }
@@ -47,6 +50,7 @@ withButtonLink.args = {
     backgroundColor: '#A9A9A9',
     label: 'Request this item',
   },
+  isLoading: false,
   items: items.slice(0, 6),
   withButtonLink: true,
 }