From b46e15f6930bbc3f267d3ff70cd681ba06781fb5 Mon Sep 17 00:00:00 2001
From: Heitor Tashiro Sergent <heitortsergent@gmail.com>
Date: Wed, 6 Dec 2023 11:22:04 -0500
Subject: [PATCH] Update version banner (#1431)

* Add version banner to latest version, update link

* Fix CSS for version banner

* Fix CSS for js api version banner
---
 .../shared/version-banner/version-banner.js          | 12 ++++++++----
 src/layouts/doc-layout/doc-layout.view.js            |  5 +----
 src/templates/docs/javascript-api.js                 |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/shared/version-banner/version-banner.js b/src/components/shared/version-banner/version-banner.js
index c2c8e670b9..acd58cfc2a 100644
--- a/src/components/shared/version-banner/version-banner.js
+++ b/src/components/shared/version-banner/version-banner.js
@@ -1,4 +1,3 @@
-import { Link } from 'gatsby';
 import React from 'react';
 import { LATEST_VERSION } from 'utils/versioning';
 
@@ -9,14 +8,19 @@ export const VersionBanner = ({ version, versions }) => (
     <div className={'container'}>
       <div className={styles.inner}>
         <span className={styles.message}>
-          ⚠️ This is archived documentation for <b>{version}</b>.
+          ⚠️ This is the archived documentation for k6 <b>{version}</b>.
           {typeof versions[LATEST_VERSION] !== 'undefined' && (
             <span>
               {' '}
               Go to the{' '}
-              <Link className={'link'} to={versions[LATEST_VERSION].path}>
+              <a
+                href="https://grafana.com/docs/k6/latest/"
+                target="_blank"
+                rel="noreferrer"
+              >
                 latest version
-              </Link>
+              </a>
+              .
             </span>
           )}
         </span>
diff --git a/src/layouts/doc-layout/doc-layout.view.js b/src/layouts/doc-layout/doc-layout.view.js
index 1ac6f309a2..06aeb08ee9 100644
--- a/src/layouts/doc-layout/doc-layout.view.js
+++ b/src/layouts/doc-layout/doc-layout.view.js
@@ -27,7 +27,6 @@ import {
 import { childrenToList, isInIFrame } from 'utils';
 import AlgoliaQueries from 'utils/algolia';
 import { main, app } from 'utils/urls';
-import { LATEST_VERSION } from 'utils/versioning';
 
 import styles from './doc-layout.module.scss';
 import ArrowLeft from './svg/arrow-left.inline.svg';
@@ -420,9 +419,7 @@ export const DocLayout = ({
             </div>
           </div>
         </Header>
-        {version && version !== LATEST_VERSION && (
-          <VersionBanner version={version} versions={pageVersions} />
-        )}
+        {version && <VersionBanner version={version} versions={pageVersions} />}
 
         {children}
         <MobileNav
diff --git a/src/templates/docs/javascript-api.js b/src/templates/docs/javascript-api.js
index 4d5fea036d..d1d55119a6 100644
--- a/src/templates/docs/javascript-api.js
+++ b/src/templates/docs/javascript-api.js
@@ -123,7 +123,7 @@ const JavascriptAPI = ({
           description={
             'The list of k6 modules natively supported in your k6 scripts.'
           }
-          className={classNames(version !== LATEST_VERSION && jsApiStyles.info)}
+          className={classNames(jsApiStyles.info)}
         />
         <div className={docPageContent.inner}>
           <div ref={contentContainerRef} className={stickyContainerClasses}>