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

HospitalRun · Dec 26, 2020 · b81d9d9 · b81d9d9
1 parent a68a280
commit b81d9d9
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/src/components/Icon/Icon.tsx b/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',

diff --git a/src/components/Icon/interfaces.ts b/src/components/Icon/interfaces.ts
@@ -4,6 +4,7 @@ export type IconType =
   | 'appointment'
   | 'appointment-add'
   | 'appointment-remove'
+  | 'billing'
   | 'calendar'
   | 'dashboard'
   | 'down-arrow'

diff --git a/stories/icons.stories.tsx b/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 />

diff --git a/test/icon.test.tsx b/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)