feat: added successful alert when adding new appointments

Added successful alert when adding new appointments. Replicated successful alert from new patients
process and added the successful property on the translation file

re #1894

src/locales/enUs/translations/scheduling/index.ts

@@ -17,6 +17,7 @@ export default {
         routine: 'Routine',
         walkUp: 'Walk Up',
       },
+      successfullyCreated: 'Appointment successfully created.',
       errors: {
         patientRequired: 'Patient is required.',
         errorCreatingAppointment: 'Error Creating Appointment!',

src/scheduling/appointments/new/NewAppointment.tsx

@@ -7,7 +7,7 @@ import { useDispatch } from 'react-redux'
 import Appointment from 'model/Appointment'
 import addMinutes from 'date-fns/addMinutes'
 import { isBefore } from 'date-fns'
-import { Button } from '@hospitalrun/components'
+import { Button, Toast } from '@hospitalrun/components'
 import useAddBreadcrumbs from '../../../breadcrumbs/useAddBreadcrumbs'
 import { createAppointment } from '../appointment-slice'
 import AppointmentDetailForm from '../AppointmentDetailForm'
@@ -42,6 +42,11 @@ const NewAppointment = () => {
 
   const onNewAppointmentSaveSuccess = (newAppointment: Appointment) => {
     history.push(`/appointments/${newAppointment.id}`)
+    Toast(
+      'success',
+      t('Success!'),
+      `${t('scheduling.appointment.successfullyCreated')} ${newAppointment.id}`,
+    )
   }
 
   const onSave = () => {