Merge pull request #671 from cpondoc/add-inventory

Add inventory icon

Author: matteovivona

src/components/Icon/Icon.tsx

@@ -18,6 +18,7 @@ const iconMap = {
   edit: 'edit',
   image: 'camera',
   incident: 'file-alt',
+  inventory: 'boxes',
   lab: 'microscope',
   'left-arrow': 'chevron-left',
   logout: 'sign-out-alt',

src/components/Icon/interfaces.ts

@@ -11,6 +11,7 @@ export type IconType =
   | 'edit'
   | 'image'
   | 'incident'
+  | 'inventory'
   | 'lab'
   | 'left-arrow'
   | 'logout'

stories/icons.stories.tsx

@@ -45,6 +45,9 @@ storiesOf('Icons', module)
       <span>Incident: </span>
       <Icon icon="incident" />
       <br />
+      <span>Inventory: </span>
+      <Icon icon="inventory" />
+      <br />
       <span>Lab: </span>
       <Icon icon="lab" />
       <br />

test/icon.test.tsx

@@ -79,6 +79,13 @@ describe('Icon', () => {
     expect(fontAwesomeIcon.props().icon).toStrictEqual(['fas', 'file-alt'])
   })
 
+  it('Inventory Icon renders itself without crashing', () => {
+    const inventoryIconWrapper = shallow(<Icon icon="inventory" />)
+    const fontAwesomeIcon = inventoryIconWrapper.find(FontAwesomeIcon)
+    expect(fontAwesomeIcon).toHaveLength(1)
+    expect(fontAwesomeIcon.props().icon).toStrictEqual(['fas', 'boxes'])
+  })
+
   it('Lab Icon renders itself without crashing', () => {
     const labIconWrapper = shallow(<Icon icon="lab" />)
     const fontAwesomeIcon = labIconWrapper.find(FontAwesomeIcon)