Fix AIAPPS to AI APPs

Author: pballai

site/app/styles/_overrides.scss

@@ -26,7 +26,6 @@
 Sigma specific category classes */
 $color-administration: #000000;
 $color-aiapps: #4CAF50;
-$color-dataapps: #4CAF50;
 $color-developers: #3F51B5;
 $color-embedding: #06dbf7;
 $color-fundamentals: #FFA726;
@@ -39,7 +38,6 @@ $color-templates: #EC407A;
 
 $icon-administration: 'administration.svg';
 $icon-aiapps: 'aiapps.svg';
-$icon-dataapps: 'dataapps.svg';
 $icon-developers: 'developers.svg';
 $icon-embedding: 'embedding.svg';
 $icon-fundamentals: 'Solutions_MarkAnal.svg';
@@ -52,7 +50,6 @@ $icon-templates: 'workbook-template.svg';
 
 @include codelab-card(['administration'], $color-administration, $icon-administration);
 @include codelab-card(['aiapps'], $color-aiapps, $icon-aiapps);
-@include codelab-card(['dataapps'], $color-dataapps, $icon-dataapps);
 @include codelab-card(['developers'], $color-developers, $icon-developers);
 @include codelab-card(['embedding'], $color-embedding, $icon-embedding);
 @include codelab-card(['fundamentals'], $color-fundamentals, $icon-fundamentals);

site/app/views/archive/index.html

@@ -953,7 +953,7 @@
                      <div class="card-footer">
                         <div class="category-icon {{categoryClass(codelab, cat.level)}}-icon"></div>
                         <a href="{{codelabUrl(view, codelab)}}" on-tap="navigate"
-                           class="button-secondary w-button {{categoryClass(codelab, cat.level)}}-bg">{{cat.name}}
+                           class="button-secondary w-button {{categoryClass(codelab, cat.level)}}-bg">{% if cat.name == 'aiapps' %}AI Apps{% elif cat.name == 'dataapps' %}Data Apps{% else %}{{cat.name}}{% endif %}
                         </a>
                      </div>
                      <div class="card-duration">

site/app/views/default/index.html

@@ -1260,4 +1260,31 @@ <h3 class="paragraph-2 g-text-color-neutral-6 g-mg-bottom-medium">
          <!-- Deprecated by PB
           <script src="scripts/defaultviewscript.js" type="text/javascript"></script>
          -->
+         <script>
+         // Fix category display names
+         document.addEventListener('DOMContentLoaded', function() {
+            const categoryMap = {
+               'aiapps': 'AI Apps',
+               'dataapps': 'Data Apps'
+            };
+
+            // Function to fix category names
+            function fixCategoryNames() {
+               document.querySelectorAll('.category-bar').forEach(function(el) {
+                  const currentText = el.textContent.trim().toLowerCase();
+                  if (categoryMap[currentText]) {
+                     el.textContent = categoryMap[currentText];
+                     el.style.textTransform = 'none';
+                  }
+               });
+            }
+
+            // Run immediately
+            fixCategoryNames();
+
+            // Also run after a short delay to catch dynamically loaded content
+            setTimeout(fixCategoryNames, 500);
+            setTimeout(fixCategoryNames, 1000);
+         });
+         </script>
    </html>

site/app/views/firstfridayfeatures/index.html

@@ -1094,7 +1094,34 @@ <h3 class="paragraph-2 g-text-color-neutral-6 g-mg-bottom-medium">
          <script src="bower_components/url-search-params-polyfill/build/url-search-params.js"></script>
          <script src="scripts/app.js"></script>
          <!-- endbuild-->
-         <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62a3d35f74b3a546c309e010" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> 
+         <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62a3d35f74b3a546c309e010" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
          <script src="../scripts/sigma-dev-8020.js" type="text/javascript"></script>
+         <script>
+         // Fix category display names
+         document.addEventListener('DOMContentLoaded', function() {
+            const categoryMap = {
+               'aiapps': 'AI Apps',
+               'dataapps': 'Data Apps'
+            };
+
+            // Function to fix category names
+            function fixCategoryNames() {
+               document.querySelectorAll('.category-bar').forEach(function(el) {
+                  const currentText = el.textContent.trim().toLowerCase();
+                  if (categoryMap[currentText]) {
+                     el.textContent = categoryMap[currentText];
+                     el.style.textTransform = 'none';
+                  }
+               });
+            }
+
+            // Run immediately
+            fixCategoryNames();
+
+            // Also run after a short delay to catch dynamically loaded content
+            setTimeout(fixCategoryNames, 500);
+            setTimeout(fixCategoryNames, 1000);
+         });
+         </script>
       </body>
    </html>