Better error handler for push notifications subscription

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/i18n/en_US.json

@@ -1053,5 +1053,6 @@
   "An error has occured while refreshing the page.": "An error has occured while refreshing the page.",
   "Join group {group}": "Join group {group}",
   "Public preview": "Public preview",
-  "On {instance} and other federated instances": "On {instance} and other federated instances"
+  "On {instance} and other federated instances": "On {instance} and other federated instances",
+  "Error while subscribing to push notifications": "Error while subscribing to push notifications"
 }

js/src/i18n/fr_FR.json

@@ -1144,5 +1144,6 @@
   "An error has occured while refreshing the page.": "Une erreur est survenue lors du rafraîchissement de la page.",
   "Join group {group}": "Rejoindre le groupe {group}",
   "Public preview": "Aperçu public",
-  "On {instance} and other federated instances": "Sur {instance} et d'autres instances fédérées"
+  "On {instance} and other federated instances": "Sur {instance} et d'autres instances fédérées",
+  "Error while subscribing to push notifications": "Erreur lors de la souscriptions aux notifications push"
 }

js/src/services/push-subscription.ts

@@ -33,14 +33,15 @@ export async function subscribeUserToPush(): Promise<PushSubscription | null> {
         data?.config?.webPush?.publicKey
       ),
     };
+    try {
       const pushSubscription = await registration.pushManager.subscribe(
         subscribeOptions
       );
-    console.log(
-      "Received PushSubscription: ",
-      JSON.stringify(pushSubscription)
-    );
+      console.debug("Received PushSubscription: ", pushSubscription);
       return pushSubscription;
+    } catch (e) {
+      console.error("Error while subscribing to push notifications", e);
+    }
   }
   return null;
 }

js/src/views/Settings/Notifications.vue

@@ -597,6 +597,10 @@ export default class Notifications extends Vue {
           });
           this.subscribed = true;
           console.log(data);
+        } else {
+          this.$notifier.error(
+            this.$t("Error while subscribing to push notifications") as string
+          );
         }
       } else {
         console.log("can't do webpush");