From 89647553ef6ac15c39e3a652b76b776cfe5daeae Mon Sep 17 00:00:00 2001
From: bayge <alex@fluidity.money>
Date: Wed, 15 May 2024 20:33:51 +0100
Subject: [PATCH] Update mention of FLY in the UI

---
 .../$network/dashboard/airdrop/index.tsx      |  7 +-
 .../app/styles/dashboard/airdrop.css          | 96 +++----------------
 .../app/styles/dashboard/airdrop.scss         |  2 +-
 3 files changed, 21 insertions(+), 84 deletions(-)

diff --git a/web/app.fluidity.money/app/routes/$network/dashboard/airdrop/index.tsx b/web/app.fluidity.money/app/routes/$network/dashboard/airdrop/index.tsx
index 37e2b7d86..91955a3dd 100644
--- a/web/app.fluidity.money/app/routes/$network/dashboard/airdrop/index.tsx
+++ b/web/app.fluidity.money/app/routes/$network/dashboard/airdrop/index.tsx
@@ -589,6 +589,9 @@ const Airdrop = () => {
             Dune
           </a>
         </TabButton>
+        <TabButton size="small" onClick={() => setCurrentModal("staking-stats")}>
+          Epoch 1 staking
+        </TabButton>
       </div>
     );
   };
@@ -1191,7 +1194,7 @@ const MultiplierTasks = () => {
           Utility Multiplier
         </Text>
         <Text size="xs" style={{ color: "black" }}>
-          Transact <b>$FLY</b> and $ƒUSDC on listed platforms to earn more!
+          Use $ƒUSDC on listed platforms to earn!
         </Text>
       </div>
       <div
@@ -1308,7 +1311,7 @@ const MyMultiplier = ({
       <div>
         <div className="airdrop-arb-multipliers-container">
           <Heading as="h5">
-            Provide $FLY and $ƒUSDC Liquidity to earn $ARB and Rewards!
+            Provide $ƒUSDC Liquidity to earn $ARB and Rewards!
           </Heading>
           <Text holo={true}>
             Add liquidity to Uniswap or the following Trader Joe and Camelot
diff --git a/web/app.fluidity.money/app/styles/dashboard/airdrop.css b/web/app.fluidity.money/app/styles/dashboard/airdrop.css
index 2b1ee6ed9..a582a8e91 100644
--- a/web/app.fluidity.money/app/styles/dashboard/airdrop.css
+++ b/web/app.fluidity.money/app/styles/dashboard/airdrop.css
@@ -174,7 +174,7 @@
   grid-column: 1/2;
 }
 .multiplier-tasks .multiplier-tasks-multiplier {
-  display: flex;
+  display: none;
   flex-direction: row;
   gap: 1em;
   align-items: center;
@@ -274,19 +274,7 @@
 }
 .transaction-table > thead > tr.highlighted-row,
 .transaction-table > tbody > tr.airdrop-row.highlighted-row {
-  background: linear-gradient(
-    90deg,
-    #f3b8d8 0%,
-    #b793e9 15.1%,
-    #9fd4f3 26.04%,
-    #ffd2c4 36.46%,
-    #fbf3f3 46.88%,
-    #d9abdf 57.29%,
-    #af9ce3 72.4%,
-    #aae4e1 85.42%,
-    #c6ead0 93.23%,
-    #fdb5e4 100%
-  );
+  background: linear-gradient(90deg, #f3b8d8 0%, #b793e9 15.1%, #9fd4f3 26.04%, #ffd2c4 36.46%, #fbf3f3 46.88%, #d9abdf 57.29%, #af9ce3 72.4%, #aae4e1 85.42%, #c6ead0 93.23%, #fdb5e4 100%);
 }
 .transaction-table > thead > tr.highlighted-row td,
 .transaction-table > tbody > tr.airdrop-row.highlighted-row td {
@@ -315,30 +303,14 @@
 }
 .airdrop-leaderboard-mobile .transaction-table > thead > tr td:first-child,
 .airdrop-leaderboard-mobile .transaction-table > thead > tr th:first-child,
-.airdrop-leaderboard-mobile
-  .transaction-table
-  > tbody
-  > tr.airdrop-row
-  td:first-child,
-.airdrop-leaderboard-mobile
-  .transaction-table
-  > tbody
-  > tr.airdrop-row
-  th:first-child {
+.airdrop-leaderboard-mobile .transaction-table > tbody > tr.airdrop-row td:first-child,
+.airdrop-leaderboard-mobile .transaction-table > tbody > tr.airdrop-row th:first-child {
   padding-left: 1em;
 }
 .airdrop-leaderboard-mobile .transaction-table > thead > tr td:last-child,
 .airdrop-leaderboard-mobile .transaction-table > thead > tr th:last-child,
-.airdrop-leaderboard-mobile
-  .transaction-table
-  > tbody
-  > tr.airdrop-row
-  td:last-child,
-.airdrop-leaderboard-mobile
-  .transaction-table
-  > tbody
-  > tr.airdrop-row
-  th:last-child {
+.airdrop-leaderboard-mobile .transaction-table > tbody > tr.airdrop-row td:last-child,
+.airdrop-leaderboard-mobile .transaction-table > tbody > tr.airdrop-row th:last-child {
   padding-right: 1em;
 }
 .airdrop-leaderboard-mobile .transaction-table > thead > tr td,
@@ -709,10 +681,7 @@
   align-items: flex-start;
   gap: 0.5em;
 }
-.staking-stats-container
-  .staking-stats-stakes-container
-  .stake
-  .stake-multiplier {
+.staking-stats-container .staking-stats-stakes-container .stake .stake-multiplier {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
@@ -785,31 +754,18 @@
   width: 150px;
   height: 150px;
 }
-.recap-container
-  .recap-hero
-  .recap-hero-text
-  .recap-circle-scroll
-  .recap-circle-scroll-arrow {
+.recap-container .recap-hero .recap-hero-text .recap-circle-scroll .recap-circle-scroll-arrow {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }
-.recap-container
-  .recap-hero
-  .recap-hero-text
-  .recap-circle-scroll
-  .recap-circle-scroll-arrow
-  svg {
+.recap-container .recap-hero .recap-hero-text .recap-circle-scroll .recap-circle-scroll-arrow svg {
   fill: none;
   stroke: white;
   transform: scale(3);
 }
-.recap-container
-  .recap-hero
-  .recap-hero-text
-  .recap-circle-scroll
-  .recap-circle-scroll-text {
+.recap-container .recap-hero .recap-hero-text .recap-circle-scroll .recap-circle-scroll-text {
   font-size: 10px;
   fill: grey;
   letter-spacing: 0.4em;
@@ -901,28 +857,19 @@
   /* Track */
   /* Handle */
 }
-.recap-container
-  .recap-stats
-  .recap-bottle-distribution-container::-webkit-scrollbar {
+.recap-container .recap-stats .recap-bottle-distribution-container::-webkit-scrollbar {
   height: 10px;
 }
-.recap-container
-  .recap-stats
-  .recap-bottle-distribution-container::-webkit-scrollbar-track {
+.recap-container .recap-stats .recap-bottle-distribution-container::-webkit-scrollbar-track {
   background: transparent;
   border: 1px solid white;
   border-radius: 5px;
 }
-.recap-container
-  .recap-stats
-  .recap-bottle-distribution-container::-webkit-scrollbar-thumb {
+.recap-container .recap-stats .recap-bottle-distribution-container::-webkit-scrollbar-thumb {
   background: white;
   border-radius: 5px;
 }
-.recap-container
-  .recap-stats
-  .recap-bottle-distribution-container
-  .bottle-container {
+.recap-container .recap-stats .recap-bottle-distribution-container .bottle-container {
   gap: 1em;
   display: flex;
   flex-direction: column;
@@ -1525,20 +1472,7 @@
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: 0 0, 100% 0, 100% 100%, 0 100%;
-  background-image: linear-gradient(
-    45deg,
-    #f3b8d8,
-    #b793e9,
-    #9fd4f3,
-    #ffd2c4,
-    #fbf3f3,
-    #d9abdf,
-    #af9ce3,
-    #aae4e1,
-    #c6ead0,
-    #ffffff,
-    #fdb5e4
-  );
+  background-image: linear-gradient(45deg, #f3b8d8, #b793e9, #9fd4f3, #ffd2c4, #fbf3f3, #d9abdf, #af9ce3, #aae4e1, #c6ead0, #ffffff, #fdb5e4);
   animation: rotate 4s linear infinite;
 }
 
diff --git a/web/app.fluidity.money/app/styles/dashboard/airdrop.scss b/web/app.fluidity.money/app/styles/dashboard/airdrop.scss
index d206ea575..b305f9871 100644
--- a/web/app.fluidity.money/app/styles/dashboard/airdrop.scss
+++ b/web/app.fluidity.money/app/styles/dashboard/airdrop.scss
@@ -207,7 +207,7 @@ $holo: linear-gradient(
   }
 
   .multiplier-tasks-multiplier {
-    display: flex;
+    display: none;
     flex-direction: row;
     gap: 1em;
     align-items: center;