From 261c5cf36ed43d38809691db66d5d576bec8ed34 Mon Sep 17 00:00:00 2001
From: Eduard <edmoiseenkov@gmail.com>
Date: Wed, 20 Apr 2022 21:29:43 +0300
Subject: [PATCH] fixes & improvements according to next tickets: #3680, #3683,
 #3678

---
 src/layout/components/layout-header/index.tsx | 6 +++++-
 src/modules/airdrop/s.module.scss             | 2 +-
 src/modules/airdrop/sections/FirstSection.tsx | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/layout-header/index.tsx b/src/layout/components/layout-header/index.tsx
index 2cbd6baa..bd3b7c79 100644
--- a/src/layout/components/layout-header/index.tsx
+++ b/src/layout/components/layout-header/index.tsx
@@ -53,6 +53,8 @@ const LayoutHeader: React.FC = () => {
   }, [window.innerWidth]);
 
   const isGovernancePage = useRouteMatch('/governance');
+  const isYieldFarmingPage = useRouteMatch('/yield-farming');
+  const isAirdropPage = useRouteMatch('/airdrop');
 
   async function handleAddProjectToken() {
     if (wallet.connector?.id === 'metamask') {
@@ -79,7 +81,9 @@ const LayoutHeader: React.FC = () => {
         <Icon name="png/universe" width="auto" height="auto" className={s.logo} />
       </ExternalLink>
       <div className={s.titleDelimiter} />
-      <h1 className={s.title}>{isGovernancePage ? 'Governance' : 'Yield Farming'}</h1>
+      {isGovernancePage && (<h1 className={s.title}>Governance</h1>)}
+      {isYieldFarmingPage && (<h1 className={s.title}>Yield Farming</h1>)}
+      {isAirdropPage && (<h1 className={s.title}>Airdrop</h1>)}
 
       <nav className={s.nav}>
         <Popover
diff --git a/src/modules/airdrop/s.module.scss b/src/modules/airdrop/s.module.scss
index afcf7d15..144ce1c8 100644
--- a/src/modules/airdrop/s.module.scss
+++ b/src/modules/airdrop/s.module.scss
@@ -77,7 +77,7 @@
             svg {
               cursor: pointer;
               &:hover {
-                color: #131313;
+                color: var(--theme-icon-hover-color);
                 + .tooltip {
                   visibility: visible;
                 }
diff --git a/src/modules/airdrop/sections/FirstSection.tsx b/src/modules/airdrop/sections/FirstSection.tsx
index b614a417..7b14f84d 100644
--- a/src/modules/airdrop/sections/FirstSection.tsx
+++ b/src/modules/airdrop/sections/FirstSection.tsx
@@ -21,8 +21,8 @@ const FirstSection = ({ totalAirdropped, claimableTokens, totalRedistributed }:
           <div className={s.info}>
             <Icon name="info-outlined" width={16} height={16} />
             <div className={s.tooltip}>
-              This number shows the XYZ token rewards distributed so far out of the total of 2,800,000 that are going to
-              be available for Yield Farming.
+              This number shows the total amount of XYZ tokens distributed as a whole,
+              these tokens will all be available when the airdrop period is over.
             </div>
           </div>
         </div>