Fix font awesome icon classes

gitcoinco · Jun 4, 2018 · 9275eac · 9275eac
1 parent 15a31e8
commit 9275eac
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/app/assets/v2/js/pages/dashboard.js b/app/assets/v2/js/pages/dashboard.js
@@ -140,7 +140,7 @@ var addTechStackKeywordFilters = function(value) {
       isTechStack = true;
 
       $('.filter-tags').append('<a class="filter-tag tech_stack"><span>' + value + '</span>' +
-        '<i class="fa fa-times" onclick="removeFilter(\'tech_stack\', \'' + value + '\')"></i></a>');
+        '<i class="fab fa-times" onclick="removeFilter(\'tech_stack\', \'' + value + '\')"></i></a>');
 
       $('input[name="tech_stack"][value=' + value + ']').prop('checked', true);
     }
@@ -154,7 +154,7 @@ var addTechStackKeywordFilters = function(value) {
     }
 
     $('.filter-tags').append('<a class="filter-tag keywords"><span>' + value + '</span>' +
-      '<i class="fa fa-times" onclick="removeFilter(\'keywords\', \'' + value + '\')"></i></a>');
+      '<i class="fab fa-times" onclick="removeFilter(\'keywords\', \'' + value + '\')"></i></a>');
   }
 };
 
@@ -167,15 +167,15 @@ var getFilters = function() {
     $.each($('input[name="' + key + '"]:checked'), function() {
       if ($(this).attr('val-ui')) {
         _filters.push('<a class="filter-tag ' + key + '"><span>' + $(this).attr('val-ui') + '</span>' +
-          '<i class="fa fa-times" onclick="removeFilter(\'' + key + '\', \'' + $(this).attr('value') + '\')"></i></a>');
+          '<i class="fab fa-times" onclick="removeFilter(\'' + key + '\', \'' + $(this).attr('value') + '\')"></i></a>');
       }
     });
   }
 
   if (localStorage['keywords']) {
     localStorage['keywords'].split(',').forEach(function(v, k) {
       _filters.push('<a class="filter-tag keywords"><span>' + v + '</span>' +
-        '<i class="fa fa-times" onclick="removeFilter(\'keywords\', \'' + v + '\')"></i></a>');
+        '<i class="fab fa-times" onclick="removeFilter(\'keywords\', \'' + v + '\')"></i></a>');
     });
   }
 

diff --git a/app/assets/v2/js/shared.js b/app/assets/v2/js/shared.js
@@ -504,13 +504,13 @@ var randomElement = function(array) {
 
 var trigger_sidebar_web3_disabled = function() {
   $('#upper_left').addClass('disabled');
-  $('#sidebar_head').html('<i class="fa fa-question"></i>');
+  $('#sidebar_head').html('<i class="fab fa-question"></i>');
   $('#sidebar_p').html('<p>Web3 disabled</p><p>Please install <a href="https://metamask.io/?utm_source=gitcoin.co&utm_medium=referral" target="_blank" rel="noopener noreferrer">Metamask</a> <br> <a href="/web3" target="_blank" rel="noopener noreferrer">What is Metamask and why do I need it?</a>.</p>');
 };
 
 var trigger_sidebar_web3_locked = function() {
   $('#upper_left').addClass('disabled');
-  $('#sidebar_head').html('<i class="fa fa-lock"></i>');
+  $('#sidebar_head').html('<i class="fab fa-lock"></i>');
   $('#sidebar_p').html('<p>Web3 locked</p><p>Please unlock <a href="https://metamask.io/?utm_source=gitcoin.co&utm_medium=referral" target="_blank" rel="noopener noreferrer">Metamask</a>.<p>');
 };
 
@@ -547,11 +547,11 @@ var trigger_sidebar_web3 = function(network) {
 
   if (is_supported_network) {
     $('#upper_left').removeClass('disabled');
-    $('#sidebar_head').html("<i class='fa fa-wifi'></i>");
+    $('#sidebar_head').html("<i class='fab fa-wifi'></i>");
     $('#sidebar_p').html('<p>Web3 enabled<p>' + sidebar_p);
   } else {
     $('#upper_left').addClass('disabled');
-    $('#sidebar_head').html("<i class='fa fa-battery-empty'></i>");
+    $('#sidebar_head').html("<i class='fab fa-battery-empty'></i>");
     sidebar_p += '<p>(try ' + recommended_network + ')</p>';
     $('#sidebar_p').html('<p>Unsupported network</p>' + sidebar_p);
   }

diff --git a/app/dashboard/templates/bounty_details.html b/app/dashboard/templates/bounty_details.html
@@ -18,7 +18,7 @@
       <div class="col-12 col-md-2 left-rails text-center" style="background: #F2F6F9;">
         {% include 'shared/current_balance.html' %}
         <div class="explorer font-body">
-          <a href="{% url 'explorer' %}"><i class="fa fa-chevron-left"></i> {% trans "Back to Issue Explorer" %}</a>
+          <a href="{% url 'explorer' %}"><i class="fab fa-chevron-left"></i> {% trans "Back to Issue Explorer" %}</a>
         </div>
       </div>