Merge pull request #5239 from layer5io/redirect-link

Redirecting of top promotional banner
layer5io · Dec 27, 2023 · a8e36f8 · a8e36f8
2 parents adc9e21 + 1eedb4c
commit a8e36f8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/TopPromotionalBanner/index.js b/src/components/TopPromotionalBanner/index.js
@@ -6,7 +6,7 @@ const TopPromotionalBanner = () => {
   return (
     <>
       <TopBannercontainer>
-        <a href="https://play.meshery.io/" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" />Soar to New Heights with Meshery v0.7.0 <span>Try it now &rarr;</span></p></a>
+        <a href="https://meshery.io/blog/meshery-v07-release-announcement" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" />Soar to New Heights with Meshery v0.7.0 <a href="https://play.meshery.io/" rel="noreferrer" target="_blank">Try it now &rarr;</a></p></a>
       </TopBannercontainer>
     </>
   );

diff --git a/src/components/TopPromotionalBanner/style.js b/src/components/TopPromotionalBanner/style.js
@@ -18,9 +18,10 @@ export const TopBannercontainer = styled.div`
         margin-right: 0.5rem;
        }
 
-       & > span {
+       & > a {
         font-weight: 700;
         margin-left: 0.5rem;
+        color: ${props => props.theme.body};
         &:hover {
             text-decoration: underline;
         }