1 files changed, 13 insertions, 13 deletions

diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index f9937f2..1a338c4 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -110,35 +110,35 @@
         //
         // By default, all is good but we change this value
         // for progressively worse statuses
-        var highlestLevelStatus = '';
+        var highestLevelStatus = '';
 
         function checkStatus(element) {
           var status = element.getAttribute('data-status');
 
           if (status === 'down') {
-            highlestLevelStatus = 'down'
-          } else if (status === 'disrupted' && highlestLevelStatus !== 'down') {
-            highlestLevelStatus = 'disrupted'
-          } else if (status === 'notice' && highlestLevelStatus !== 'down' && highlestLevelStatus !== 'disrupted') {
-            highlestLevelStatus = 'notice'
+            highestLevelStatus = 'down'
+          } else if (status === 'disrupted' && highestLevelStatus !== 'down') {
+            highestLevelStatus = 'disrupted'
+          } else if (status === 'notice' && highestLevelStatus !== 'down' && highestLevelStatus !== 'disrupted') {
+            highestLevelStatus = 'notice'
           }
         }
 
         componentsOfThisCategory.forEach(element => checkStatus(element));
         
         // Human readable (i18n) status name variable
-        var highlestLevelStatusReadable = highlestLevelStatus;
+        var highestLevelStatusReadable = highestLevelStatus;
 
-        if (highlestLevelStatus === 'ok') { highlestLevelStatusReadable = '{{ T "thisIsOk" }}' } 
-        if (highlestLevelStatus === 'notice') { highlestLevelStatusReadable = '{{ T "thisIsNotice" }}' } 
-        if (highlestLevelStatus === 'disrupted') { highlestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' } 
-        if (highlestLevelStatus === 'down') { highlestLevelStatusReadable = '{{ T "thisIsDown" }}' } 
+        if (highestLevelStatus === 'ok') { highestLevelStatusReadable = '{{ T "thisIsOk" }}' } 
+        if (highestLevelStatus === 'notice') { highestLevelStatusReadable = '{{ T "thisIsNotice" }}' } 
+        if (highestLevelStatus === 'disrupted') { highestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' } 
+        if (highestLevelStatus === 'down') { highestLevelStatusReadable = '{{ T "thisIsDown" }}' } 
 
         // Finally we can show the status 
         // (but only for categories with a name)
         if (thisCategory.classList.contains('category--titled')) {
-          thisCategory.querySelector('.category__head').setAttribute('data-status', highlestLevelStatus);
-          thisCategory.querySelector('.category-status').innerHTML = highlestLevelStatusReadable;
+          thisCategory.querySelector('.category__head').setAttribute('data-status', highestLevelStatus);
+          thisCategory.querySelector('.category-status').innerHTML = highestLevelStatusReadable;
         }
       </script>
     </div>