chore: Add top rated section to explore page

Author: steverydz

templates/explore/_popular-snaps.html templates/explore/_snaps-list.htmltemplates/explore/_popular-snaps.html renamed to templates/explore/_snaps-list.html

@@ -1,11 +1,11 @@
 <section class="p-strip is-shallow u-no-padding--bottom">
   <div class="u-fixed-width">
-    <h2>Most popular snaps</h2>
+    <h2>{{ title }}</h2>
   </div>
 </section>
 <section class="p-strip is-shallow u-no-padding--bottom">
   <div class="row">
-    {% for snap in popular_snaps %}
+    {% for snap in snaps_list %}
       {% if loop.index <= 8 %}
         <div class="col-3">
           <p class="p-heading--4" style="float: left; margin-right: 1rem">{{ loop.index }}</p>

templates/explore/index.html

@@ -27,13 +27,25 @@ <h1 class="p-heading--2">The app store for Linux</h1>
   {% endif %}
 
   {% if popular_snaps %}
-    {% include "explore/_popular-snaps.html" %}
+    {% with %}
+      {% set snaps_list = popular_snaps %}
+      {% set title = "Most popular snaps" %}
+      {% include "explore/_snaps-list.html" %}
+    {% endwith %}
   {% endif %}
 
   {% if categories %}
     {% include "explore/_categories.html" %}
   {% endif %}
 
+  {% if top_rated_snaps %}
+    {% with %}
+      {% set snaps_list = top_rated_snaps %}
+      {% set title = "Top rated snaps" %}
+      {% include "explore/_snaps-list.html" %}
+    {% endwith %}
+  {% endif %}
+
   {% if trending_snaps %}
     {% include "explore/_trending-snaps.html" %}
   {% endif %}

webapp/store/views.py

@@ -150,6 +150,13 @@ def explore_view():
         except api_requests.exceptions.RequestException:
             trending_snaps = []
 
+        try:
+            top_rated_snaps = api_requests.get(
+                f"{recommendations_api_url}/top_rated"
+            ).json()
+        except api_requests.exceptions.RequestException:
+            top_rated_snaps = []
+
         try:
             categories_results = device_gateway.get_categories()
         except StoreApiError:
@@ -166,6 +173,7 @@ def explore_view():
             popular_snaps=popular_snaps,
             recent_snaps=recent_snaps,
             trending_snaps=trending_snaps,
+            top_rated_snaps=top_rated_snaps,
         )
 
     @store.route("/youtube", methods=["POST"])