From 3d59ea7f6985dceafbd47a529518a7e1ca01e8eb Mon Sep 17 00:00:00 2001
From: jedrzejchalubek <jedrzej.chalubek@gmail.com>
Date: Thu, 7 Nov 2019 18:37:03 +0100
Subject: [PATCH] fix(): Use new categories gouping of sources in menu

---
 src/_includes/menu/menu-source.html | 39 ++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/_includes/menu/menu-source.html b/src/_includes/menu/menu-source.html
index 879cc543be..2dca37eac4 100644
--- a/src/_includes/menu/menu-source.html
+++ b/src/_includes/menu/menu-source.html
@@ -19,15 +19,14 @@
 
   <nav class="menu menu--compact">
     <ul class="menu__list list list--unstyle">
-      {% assign categories = site.data.catalog.destination_categories.items %}
+      {% assign categories = site.data.catalog.source_categories.items %}
+      {% assign promoted_categories = "Website, Mobile, Server, Ott" | split: ", " %}
 
-      {% for category in categories %}
-        {% assign integrations = site.data.catalog.sources.items | where: "categories", category.display_name %}
-
-        <li class="menu-item menu-item--gray menu-item--compact {% if currentIntegration.categories contains category.display_name and activeState != true %}{% assign activeState = true %}menu-item--active{% endif %}" data-accordion data-class-active="menu-item--active">
+      {% for category in promoted_categories %}
+        <li class="menu-item menu-item--gray menu-item--compact {% if currentIntegration.categories contains category and activeState != true %}{% assign activeState = true %}menu-item--active{% endif %}" data-accordion data-class-active="menu-item--active">
           <button class="menu-item__link flex flex--middle flex--justify" data-ref="accordion[trigger]">
             <span class="flex__column">
-              {{ category.display_name }}
+              {{ category }}
             </span>
 
             <div class="menu-item__chevron flex__column flex__column--shrink">
@@ -36,6 +35,8 @@
           </button>
 
           <ul class="menu-item__body" data-ref="accordion[body]">
+            {% assign integrations = site.data.catalog.sources.items | where: "categories", category %}
+
             {% for integration in integrations %}
               <li class="menu-item menu-item--compact {% if integration == currentIntegration %}menu-item--active menu-item--indicator{% endif %}">
                 <a href="{{ site.baseurl }}/{{ integration.url }}/" class="menu-item__link {% if integration == currentIntegration %}menu-item__link--indicator{% endif %}">
@@ -46,6 +47,32 @@
           </ul>
         </li>
       {% endfor %}
+
+      <li class="menu-item menu-item--gray menu-item--compact {% if currentIntegration.categories contains 'Cloud-apps' and activeState != true %}{% assign activeState = true %}menu-item--active{% endif %}" data-accordion data-class-active="menu-item--active">
+        <button class="menu-item__link flex flex--middle flex--justify" data-ref="accordion[trigger]">
+          <span class="flex__column">
+            Cloud-apps
+          </span>
+
+          <div class="menu-item__chevron flex__column flex__column--shrink">
+            {% include icons/symbols/chevron-down.svg %}
+          </div>
+        </button>
+
+        <ul class="menu-item__body" data-ref="accordion[body]">
+          {% assign integrations = site.data.catalog.sources.items %}
+
+          {% for integration in integrations %}
+            {% unless integration.categories contains promoted_categories[0] or integration.categories contains promoted_categories[1] or integration.categories contains promoted_categories[2] or integration.categories contains promoted_categories[3] %}
+              <li class="menu-item menu-item--compact {% if integration == currentIntegration %}menu-item--active menu-item--indicator{% endif %}">
+                <a href="{{ site.baseurl }}/{{ integration.url }}/" class="menu-item__link {% if integration == currentIntegration %}menu-item__link--indicator{% endif %}">
+                  {{ integration.display_name }}
+                </a>
+              </li>
+            {% endunless %}
+          {% endfor %}
+        </ul>
+      </li>
     </ul>
   </nav>
 </div>