From 96533fa50d50330b0e96f51a7f3b1c94049ddcb0 Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Thu, 1 Apr 2021 11:51:45 +0200
Subject: [PATCH] test navigation

---
 packages/website/src/components/Layout/Layout.js         | 2 +-
 packages/website/src/components/Navigation/Navigation.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/Layout/Layout.js b/packages/website/src/components/Layout/Layout.js
index 0f08ffdd..851310c2 100644
--- a/packages/website/src/components/Layout/Layout.js
+++ b/packages/website/src/components/Layout/Layout.js
@@ -34,7 +34,7 @@ const FixedHeader = () => {
   return (
     <div ref={ref} className="fixed inset-x-0 top-0 z-50">
       <NewsHeader />
-      <Navigation mode={mode} />
+      <Navigation mode={mode} yyy={y} />
     </div>
   );
 };
diff --git a/packages/website/src/components/Navigation/Navigation.js b/packages/website/src/components/Navigation/Navigation.js
index ac1bd834..755414ef 100644
--- a/packages/website/src/components/Navigation/Navigation.js
+++ b/packages/website/src/components/Navigation/Navigation.js
@@ -16,7 +16,7 @@ const routes = [
   { title: "News", to: "/news" },
 ];
 
-const Navigation = ({ mode }) => {
+const Navigation = ({ mode, yyy = 0 }) => {
   const navRef = React.useRef(null);
   const [open, setOpen] = React.useState(false);
   const windowSize = useWindowSize();
@@ -50,6 +50,9 @@ const Navigation = ({ mode }) => {
           <Link to="/" className={classnames("flex flex-shrink-0 items-center")}>
             {mode === "dark" && <LogoWhiteText className="h-8 desktop:h-10" />}
             {mode === "light" && <LogoBlackText className="h-8 desktop:h-10" />}
+            <span className="bg-white text-xs p-1 tabular-nums">
+              ({yyy}) ({offsetY})
+            </span>
           </Link>
           <div className="ml-auto flex items-center desktop:hidden z-10">
             <button