Merge pull request #455 from ably/WEB-3968

Update navigation to change /chat & /pubsub URLs
ably · Aug 22, 2024 · 8d4f989 · 8d4f989
2 parents 64b3854 + 0c30aa0
commit 8d4f989
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 27 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "14.3.3",
+  "version": "14.3.4",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

diff --git a/src/core/Footer.tsx b/src/core/Footer.tsx
@@ -47,10 +47,7 @@ const Footer = ({ paths, urlBase, statusUrl }: FooterProps) => {
 
           <ul className="grid grid-cols-1">
             <li className="p-menu-row-snug">
-              <a
-                href={absUrl("/solutions/channels")}
-                className="ui-footer-menu-row-link"
-              >
+              <a href={absUrl("/pubsub")} className="ui-footer-menu-row-link">
                 Pub/sub messaging
               </a>
             </li>

diff --git a/src/core/Footer/__snapshots__/Footer.stories.tsx.snap b/src/core/Footer/__snapshots__/Footer.stories.tsx.snap
@@ -22,7 +22,7 @@ exports[`JS Components/Footer Default smoke-test 1`] = `
       </div>
       <ul class="grid grid-cols-1">
         <li class="p-menu-row-snug">
-          <a href="/solutions/channels"
+          <a href="/pubsub"
              class="ui-footer-menu-row-link"
           >
             Pub/sub messaging

diff --git a/src/core/Meganav/__snapshots__/Meganav.stories.tsx.snap b/src/core/Meganav/__snapshots__/Meganav.stories.tsx.snap
@@ -87,7 +87,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                     aria-labelledby="meganav-products-panel-list-examples"
                 >
                   <li>
-                    <a href="/solutions/channels"
+                    <a href="/pubsub"
                        class="group ui-meganav-media"
                     >
                       <p class="ui-meganav-media-heading">
@@ -123,7 +123,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                     </a>
                   </li>
                   <li>
-                    <a href="/solutions/chat"
+                    <a href="/chat"
                        class="group ui-meganav-media"
                     >
                       <p class="ui-meganav-media-heading">
@@ -262,7 +262,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                 </h3>
                 <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
                   <li>
-                    <a href="/solutions/chat"
+                    <a href="/chat"
                        class="ui-meganav-media-with-image group"
                     >
                       <svg class=" "
@@ -1393,7 +1393,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                             aria-labelledby="meganav-products-panel-list-examples"
                         >
                           <li>
-                            <a href="/solutions/channels"
+                            <a href="/pubsub"
                                class="group ui-meganav-media"
                             >
                               <p class="ui-meganav-media-heading">
@@ -1429,7 +1429,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                             </a>
                           </li>
                           <li>
-                            <a href="/solutions/chat"
+                            <a href="/chat"
                                class="group ui-meganav-media"
                             >
                               <p class="ui-meganav-media-heading">
@@ -1580,7 +1580,7 @@ exports[`JS Components/Meganav Default smoke-test 1`] = `
                         </h3>
                         <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
                           <li>
-                            <a href="/solutions/chat"
+                            <a href="/chat"
                                class="ui-meganav-media-with-image group"
                             >
                               <svg class=" "
@@ -2510,7 +2510,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                     aria-labelledby="meganav-products-panel-list-examples"
                 >
                   <li>
-                    <a href="/solutions/channels"
+                    <a href="/pubsub"
                        class="group ui-meganav-media"
                     >
                       <p class="ui-meganav-media-heading">
@@ -2546,7 +2546,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                     </a>
                   </li>
                   <li>
-                    <a href="/solutions/chat"
+                    <a href="/chat"
                        class="group ui-meganav-media"
                     >
                       <p class="ui-meganav-media-heading">
@@ -2685,7 +2685,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                 </h3>
                 <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
                   <li>
-                    <a href="/solutions/chat"
+                    <a href="/chat"
                        class="ui-meganav-media-with-image group"
                     >
                       <svg class=" "
@@ -3804,7 +3804,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                             aria-labelledby="meganav-products-panel-list-examples"
                         >
                           <li>
-                            <a href="/solutions/channels"
+                            <a href="/pubsub"
                                class="group ui-meganav-media"
                             >
                               <p class="ui-meganav-media-heading">
@@ -3840,7 +3840,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                             </a>
                           </li>
                           <li>
-                            <a href="/solutions/chat"
+                            <a href="/chat"
                                class="group ui-meganav-media"
                             >
                               <p class="ui-meganav-media-heading">
@@ -3991,7 +3991,7 @@ exports[`JS Components/Meganav SignedIn smoke-test 1`] = `
                         </h3>
                         <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
                           <li>
-                            <a href="/solutions/chat"
+                            <a href="/chat"
                                class="ui-meganav-media-with-image group"
                             >
                               <svg class=" "

diff --git a/src/core/MeganavContentProducts.tsx b/src/core/MeganavContentProducts.tsx
@@ -46,10 +46,7 @@ const MeganavContentProducts = ({
           aria-labelledby="meganav-products-panel-list-examples"
         >
           <li>
-            <a
-              href={absUrl("/solutions/channels")}
-              className="group ui-meganav-media"
-            >
+            <a href={absUrl("/pubsub")} className="group ui-meganav-media">
               <p className="ui-meganav-media-heading">Pub/Sub Channels</p>
               <p className="ui-meganav-media-copy">
                 Build infinitely scalable realtime applications.
@@ -73,10 +70,7 @@ const MeganavContentProducts = ({
             </a>
           </li>
           <li>
-            <a
-              href={absUrl("/solutions/chat")}
-              className="group ui-meganav-media"
-            >
+            <a href={absUrl("/chat")} className="group ui-meganav-media">
               <p className="ui-meganav-media-heading">Chat (Beta)</p>
               <p className="ui-meganav-media-copy">
                 Deliver highly reliable chat experiences at scale.

diff --git a/src/core/MeganavContentUseCases.tsx b/src/core/MeganavContentUseCases.tsx
@@ -17,7 +17,7 @@ const MeganavContentUseCases = ({ absUrl }: { absUrl: AbsUrl }) => (
         <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
           <li>
             <a
-              href={absUrl("/solutions/chat")}
+              href={absUrl("/chat")}
               className="ui-meganav-media-with-image group"
             >
               <Icon name="icon-display-chat-stack-col" size="2.5rem" />