Merge pull request 'fix(approvals): change backend address to use env instead of localhost' (#56) from dev/nicolas/staging-prep into main

Reviewed-on: Targo/targo_frontend#56

src/i18n/en-ca/index.ts

@@ -374,6 +374,7 @@ export default {
             expense: "an expense",
             shift: "a shift",
             preset: "many shifts",
+            update_notification: "the data was updated automatically",
         },
         print_report: {
             title: "Download options",

src/i18n/fr-ca/index.ts

@@ -374,6 +374,7 @@ export default {
             expense: "une dépense",
             shift: " un quart de travail",
             preset: "plusieurs quarts de travail",
+            update_notification: "les données ont été mises à jour automatiquement",
         },
         print_report: {
             title: "options de téléchargement",

src/modules/timesheet-approval/services/timesheet-approval-service.ts

@@ -20,6 +20,6 @@ export const timesheetApprovalService = {
     },
 
     subscribeToPayPeriodObservable: (): EventSource => {
-        return new EventSource('http://localhost:3000/pay-periods/subscribe');
+        return new EventSource(`${import.meta.env.VITE_TARGO_BACKEND_URL}/pay-periods/subscribe`);
     },
 };

src/stores/timesheet-store.ts

@@ -197,7 +197,10 @@ export const useTimesheetStore = defineStore('timesheet', () => {
                 const employee_name = overview?.employee_first_name + ' ' + overview?.employee_last_name;
 
                 Notify.create({
-                    message: `${employee_name} ${t('timesheet_approvals.event.' + pay_period_event.action)} ${t('timesheet_approvals.event.' + pay_period_event.event_type)}`
+                    message: `${employee_name} ${t('timesheet_approvals.event.' + pay_period_event.action)} ${t('timesheet_approvals.event.' + pay_period_event.event_type)}`,
+                    color: 'warning',
+                    classes: 'text-weight-bolder text-primary',
+                    caption: t('timesheet_approvals.event.update_notification'),
                 })
             }
         }