From 8ad7f91e48f866463bf041bc5f1ecd0bc09e83ec Mon Sep 17 00:00:00 2001
From: doup <asier@illarra.com>
Date: Tue, 3 Dec 2024 09:29:05 +0100
Subject: [PATCH] Hide assets/examples filters for non-JS users

---
 static/assets.js                |  2 ++
 templates/assets.html           | 24 +++++++++++++-----------
 templates/layouts/examples.html |  4 ++--
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/static/assets.js b/static/assets.js
index 6ba76fa9f3..75c7ff3404 100644
--- a/static/assets.js
+++ b/static/assets.js
@@ -142,6 +142,8 @@ if (versionsSelect) {
 
 }
 
+document.querySelector('[data-assets-filters]').classList.remove('hidden');
+
 document
     .querySelector('#assets-filter')
     .addEventListener("change", (item) => {
diff --git a/templates/assets.html b/templates/assets.html
index 838c0e84ec..0e667aa8c3 100644
--- a/templates/assets.html
+++ b/templates/assets.html
@@ -6,17 +6,19 @@
 {% block page_content %}
   <div class="assets">
     {{ assets_macros::init_svg() }}
-    <div class="assets-search">
-      <input class="assets-search__input"
-              type="text"
-              id="assets-search"
-              placeholder="Search (ie: 0.11 MIT)">
-    </div>
-    <div class="assets-filters">
-      <label>Bevy last supported version</label>
-      <select class="asset-version-select" id="assets-filter">
-        <option value="all_versions">All</option>
-      </select>
+    <div class="hidden" data-assets-filters>
+      <div class="assets-search">
+        <input class="assets-search__input"
+                type="text"
+                id="assets-search"
+                placeholder="Search (ie: 0.15 MIT)">
+      </div>
+      <div class="assets-filters">
+        <label>Bevy last supported version</label>
+        <select class="asset-version-select" id="assets-filter">
+          <option value="all_versions">All</option>
+        </select>
+      </div>
     </div>
     <div class="assets-intro media-content">
       A collection of third-party Bevy assets, plugins, learning resources, and apps made by the community. If you
diff --git a/templates/layouts/examples.html b/templates/layouts/examples.html
index f865cf6a48..b6d43c63b7 100644
--- a/templates/layouts/examples.html
+++ b/templates/layouts/examples.html
@@ -8,7 +8,7 @@
     <div class="assets-intro media-content">
       {% block intro %}{% endblock intro %}
     </div>
-    <div class="assets-search">
+    <div class="assets-search hidden" data-assets-filters>
       <input class="assets-search__input"
               type="text"
               id="assets-search"
@@ -30,5 +30,5 @@ <h1 class="asset-section" id="{{ section.title | slugify }}">
       {% endif %}
     {% endfor %}
   </div>
-  <script type="module">import '/assets.js'</script>
+  <script type="module">import '/assets.js';</script>
 {% endblock page_content %}