Add multiple lang support for the love feature

1 files changed, 7 insertions, 4 deletions

diff --git a/src/js/love.js b/src/js/love.js
index 8cf4632..b99ea05 100644
--- a/src/js/love.js
+++ b/src/js/love.js
@@ -3,7 +3,9 @@ window.addEventListener('DOMContentLoaded', () => {
 
   const articles = document.querySelectorAll('article');
 
-
+  function getCurrentPageLang() {
+      return document.documentElement.lang || "en";
+  }
   function getLikeEndPoint() {
     let currentArticleName = window.location.pathname.split('/')[2];
     if (currentArticleName.indexOf('.') > 0) {
@@ -60,10 +62,10 @@ window.addEventListener('DOMContentLoaded', () => {
       }
     });
 
-    let timeOut;
     let messageText;
     icon.addEventListener('click', () => {
       const c = icon.children[1];
+      const lang = getCurrentPageLang();
       {
         const path = c.querySelector('path');
         console.log(path)
@@ -77,6 +79,7 @@ window.addEventListener('DOMContentLoaded', () => {
           method: 'POST',
           headers: {
             'i-love-what-you-do': '<3',
+            'lang': lang,
           },
         }).then(response => {
           const currentText = messagesLike.textContent;
@@ -87,7 +90,7 @@ window.addEventListener('DOMContentLoaded', () => {
 
           if (response.ok) {
             messagesLike.classList.remove('err');
-            t.then((t) => messageText = t);
+            t.then(t => messageText = t);
             updateNbLikes();
           } else {
             if (!messageText) {
@@ -102,7 +105,7 @@ window.addEventListener('DOMContentLoaded', () => {
           }
         }).catch(() => {
           messagesLike.classList.add('err');
-          messagesLike.textContent = 'Désolé, le service est indisponible';
+          messagesLike.textContent = lang == fr ? 'Désolé, le service est indisponible.' : 'Sorry, service unavailable.';
           messageText = '';
         });
       }