fix: button's onClick functions not being called (#339)

- close #336

src/components/NotificationButton.tsx

@@ -2,6 +2,7 @@ import React, {useState} from 'react'
 import {Notification, NotificationButton as ButtonType} from '../reducers/notifications/types'
 import {Theme} from '../themes/types'
 import {classnames} from '../constants'
+import {noop} from '../utils'
 
 type Props = {
     button: ButtonType
@@ -27,6 +28,7 @@ export const NotificationButton = (props: Props) => {
             onMouseEnter={() => setIsHovered(true)}
             onMouseDown={() => setIsActive(true)}
             onMouseUp={() => setIsActive(false)}
+            onClick={typeof button.onClick === 'function' ? () => button.onClick!() : noop}
         >
             <span className={classnames.notificationButtonText} style={buttonTextStyles}>
                 {button.primary ? <b>{button.name}</b> : button.name}

src/components/tests/NotificationButton.spec.tsx

@@ -68,4 +68,21 @@ describe('<NotificationButton/>', () => {
 
         jest.resetAllMocks()
     })
+
+    it('should call `onClick` function by clicking on it', () => {
+        const button = {
+            name: 'yes',
+            onClick: jest.fn(),
+        }
+        const {getByTestId} = render(
+            <NotificationButton button={button} position={1} notification={notification} theme={atalhoTheme} />
+        )
+        const buttonElem = getByTestId('button')
+        act(() => {
+            fireEvent.click(buttonElem)
+        })
+
+        expect(button.onClick).toHaveBeenCalledTimes(1)
+        expect(button.onClick).toHaveBeenCalledWith()
+    })
 })

src/utils.ts

@@ -41,3 +41,7 @@ export const clone = <T extends unknown>(origObject: T): T => {
 }
 
 export const isObject = (value: unknown) => !!value && (value as any).constructor === Object
+
+export const noop = () => {
+    // noop
+}