From ccd1ea430055f716f34b034fb83c5d77325bdd6e Mon Sep 17 00:00:00 2001
From: Dan Lebo <dan.lebo@me.com>
Date: Sun, 5 Feb 2023 12:00:15 -0800
Subject: [PATCH] add version to topnav

---
 beta/src/components/Layout/HomeContent.js    |  1 -
 beta/src/components/Layout/TopNav/TopNav.tsx | 10 ++++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/beta/src/components/Layout/HomeContent.js b/beta/src/components/Layout/HomeContent.js
index fe397aa1a..ae9b71fea 100644
--- a/beta/src/components/Layout/HomeContent.js
+++ b/beta/src/components/Layout/HomeContent.js
@@ -9,7 +9,6 @@ import {Logo} from 'components/Logo';
 import Link from 'components/MDX/Link';
 import CodeBlock from 'components/MDX/CodeBlock';
 import {IconNavArrow} from 'components/Icon/IconNavArrow';
-import cn from 'classnames';
 
 export function HomeContent() {
   return (
diff --git a/beta/src/components/Layout/TopNav/TopNav.tsx b/beta/src/components/Layout/TopNav/TopNav.tsx
index e213c67b6..75b3de39e 100644
--- a/beta/src/components/Layout/TopNav/TopNav.tsx
+++ b/beta/src/components/Layout/TopNav/TopNav.tsx
@@ -254,6 +254,16 @@ export default function TopNav({
                 React
               </a>
             </NextLink>
+            <div className="lg:w-full leading-loose hidden sm:flex flex-initial items-center h-auto pl-2 pr-3 lg:pr-2.5 pt-0.5">
+              <Link
+                href="https://github.com/facebook/react/releases"
+                target="_blank"
+                className="underline-offset-2 hover:underline decoration-gray-50 dark:decoration-gray-30">
+                <div className="px-1 mb-px bg-card dark:bg-card-dark rounded text-gray-50 dark:text-gray-30 font-bold tracking-wide text-xs whitespace-nowrap">
+                  v18.2.0
+                </div>
+              </Link>
+            </div>
           </div>
           <div className="hidden md:flex flex-1 justify-center items-center w-full 3xl:w-auto 3xl:shrink-0 3xl:justify-center">
             <Search />