Fix #926 - Remove search icon when no alias (#937)

* Fix #926 - Remove search icon when no alias * Update privaterelay/templates/includes/dashboard-filter.html Co-authored-by: luke crouch <[email protected]> Co-authored-by: luke crouch <[email protected]>
mozilla · Jul 21, 2021 · 51060cf · 51060cf
1 parent 8e03452
commit 51060cf
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/privaterelay/templates/includes/dashboard-filter.html b/privaterelay/templates/includes/dashboard-filter.html
@@ -4,18 +4,20 @@
 
 <div class="c-filter js-filter-container">
     <div class="c-filter-search">
-        <div class="c-filter-icon c-filter-icon-search js-filter-mobile-search-toggle"></div>
-        <form class="js-filter-search-form c-filter-search-form" action="">
-            <input class="c-filter-search-input js-filter-search-input " type="search" name="search" id="search">
-            <div class="c-filter-case-count">
-                <span class="js-filter-case-visible"></span>
-                /
-                <span class="js-filter-case-total"></span>
-            </div>
-            <button class="c-filter-reset js-filter-reset">
-                <img alt="" src="{% static '/images/x-close.svg' %}"/>
-            </button>
-        </form>
+        {% if relay_addresses %}
+            <div class="c-filter-icon c-filter-icon-search js-filter-mobile-search-toggle"></div>
+            <form class="js-filter-search-form c-filter-search-form" action="">
+                <input class="c-filter-search-input js-filter-search-input " type="search" name="search" id="search">
+                <div class="c-filter-case-count">
+                    <span class="js-filter-case-visible"></span>
+                    /
+                    <span class="js-filter-case-total"></span>
+                </div>
+                <button class="c-filter-reset js-filter-reset">
+                    <img alt="" src="{% static '/images/x-close.svg' %}"/>
+                </button>
+            </form>
+        {% endif %}
     </div>
     <div class="c-filter-date hidden">
         <div class="c-filter-icon c-filter-icon-calendar"></div>