feat(icon): add billing icon (#670)

Author: cpondoc

src/components/Icon/Icon.tsx

@@ -12,6 +12,7 @@ const iconMap = {
   'appointment-add': 'calendar-plus',
   'appointment-remove': 'calendar-minus',
   calendar: 'calendar-alt',
+  billing: 'file-invoice-dollar',
   dashboard: 'columns',
   'down-arrow': 'chevron-down',
   edit: 'edit',

src/components/Icon/interfaces.ts

@@ -4,6 +4,7 @@ export type IconType =
   | 'appointment'
   | 'appointment-add'
   | 'appointment-remove'
+  | 'billing'
   | 'calendar'
   | 'dashboard'
   | 'down-arrow'

stories/icons.stories.tsx

@@ -27,6 +27,9 @@ storiesOf('Icons', module)
       <span>Remove Apointment: </span>
       <Icon icon="appointment-remove" />
       <br />
+      <span>Billing: </span>
+      <Icon icon="billing" />
+      <br />
       <span>Calendar: </span>
       <Icon icon="calendar" />
       <br />

test/icon.test.tsx

@@ -37,6 +37,13 @@ describe('Icon', () => {
     expect(removeAppointmentFontAwesomeIcon.props().icon).toStrictEqual(['fas', 'calendar-minus'])
   })
 
+  it('Billing Icon renders itself without crashing', () => {
+    const billingIconWrapper = shallow(<Icon icon="billing" />)
+    const fontAwesomeIcon = billingIconWrapper.find(FontAwesomeIcon)
+    expect(fontAwesomeIcon).toHaveLength(1)
+    expect(fontAwesomeIcon.props().icon).toStrictEqual(['fas', 'file-invoice-dollar'])
+  })
+
   it('Calendar Icon renders itself without crashing', () => {
     const calendarIconWrapper = shallow(<Icon icon="calendar" />)
     const fontAwesomeIcon = calendarIconWrapper.find(FontAwesomeIcon)