Merge pull request #211 from ably/web-2568-meganav-live-updates-link

[WEB-2568] Add live updates link to meganav
ably · Sep 20, 2022 · 47652ee · 47652ee
2 parents 417026c + 31348f5
commit 47652ee
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 0 deletions.
diff --git a/preview/app/controllers/components_controller.rb b/preview/app/controllers/components_controller.rb
@@ -117,6 +117,7 @@ def icon
       icon-display-tech-account-comms
       icon-display-tutorials-demos-col
       icon-display-virtual-events-col
+      icon-live-updates-results-metrics-col
     ]
 
     social_icons = %w[discord facebook github glassdoor linkedin twitter]

diff --git a/src/core/MeganavContentUseCases/component.html.erb b/src/core/MeganavContentUseCases/component.html.erb
@@ -6,6 +6,15 @@
           Use cases
         </h3>
       <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
+        <li>
+          <%= link_to abs_url("/solutions/live-updates-results-metrics"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
+            <div class="flex flex-col justify-center">
+              <p class="ui-meganav-media-heading">Live updates, results & metrics</p>
+              <p class="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
+            </div>
+          <% end %>
+        </li>
         <li>
           <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
             <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>

diff --git a/src/core/MeganavContentUseCases/component.jsx b/src/core/MeganavContentUseCases/component.jsx
@@ -12,6 +12,15 @@ const MeganavContentUseCases = ({ absUrl }) => (
           Use cases
         </h3>
         <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
+          <li>
+            <a href={absUrl("/solutions/live-updates-results-metrics")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-live-updates-results-metrics-col" size="2.5rem" />
+              <div className="flex flex-col justify-center">
+                <p className="ui-meganav-media-heading">Live updates, results & metrics</p>
+                <p className="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
+              </div>
+            </a>
+          </li>
           <li>
             <a href={absUrl("/solutions/chat")} className="ui-meganav-media-with-image group">
               <Icon name="icon-display-chat-stack-col" size="2.5rem" />

diff --git a/src/core/icons/icon-live-updates-results-metrics-col.svg b/src/core/icons/icon-live-updates-results-metrics-col.svg