feat(components): bug attempting to implement toaster component

fix HospitalRun#144

src/components/Toaster.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { Toaster as HospitalRunToaster } from '@hospitalrun/components'
+import './/'
+const Toaster = () => {
+  return (
+    <HospitalRunToaster autoClose={3000} hideProgressBar draggable />
+  )
+}
+
+export default Toaster

src/containers/NewPatient.tsx

@@ -1,21 +1,22 @@
 import React, { useState } from 'react'
-import { useDispatch } from 'react-redux'
+import { Toast, Toaster } from '@hospitalrun/components'
 import { withRouter, useHistory } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
-import { createPatient } from '../slices/patients-slice'
-import Patient from '../model/Patient'
 import PatientForm from '../components/PatientForm'
 import useTitle from '../util/useTitle'
 
 const NewPatient = () => {
   const { t } = useTranslation()
   useTitle(t('patients.newPatient'))
-  const dispatch = useDispatch()
+  // const dispatch = useDispatch()
   const history = useHistory()
   const [patient, setPatient] = useState({ firstName: '', lastName: '' })
+  Toast('success', 'This is a toaster!', 'Success')
 
   const onSaveButtonClick = async () => {
-    dispatch(createPatient(patient as Patient, history))
+    console.log(history)
+    // dispatch(createPatient(patient as Patient, history))
+    console.log(history)
   }
 
   const onCancelButtonClick = () => {
@@ -37,6 +38,7 @@ const NewPatient = () => {
           onSaveButtonClick={onSaveButtonClick}
           onCancelButtonClick={onCancelButtonClick}
         />
+        <Toaster autoClose={3000} hideProgressBar draggable />
       </div>
     </div>
   )