fix: adjustment

Author: Holybasil

src/app/SCR-sSCR/Header/GetSCRDialog.tsx

@@ -64,7 +64,22 @@ const GetSCRDialog = props => {
         </IconButton>
       </DialogTitle>
 
-      <DialogContent sx={{ p: 0, minHeight: "50rem" }}>
+      <DialogContent
+        sx={{
+          p: 0,
+          minHeight: "50rem",
+          "&::-webkit-scrollbar-thumb": {
+            backgroundColor: "rgba(209, 205, 204, 0.6)",
+            borderRadius: "8px",
+          },
+          "&::-webkit-scrollbar": {
+            width: "6px",
+          },
+          // Firefox
+          scrollbarWidth: "thin",
+          scrollbarColor: "rgba(209, 205, 204, 0.6) transparent",
+        }}
+      >
         <Typography sx={{ fontSize: ["1.4rem", "1.6rem"], lineHeight: ["2rem", "2.4rem"], mb: "2.4rem" }}>
           Please verify the validity of these links and ensure you conduct your own research on SCR and the risks that may be involved. Under no
           circumstances will we be responsible for any losses you may incur.

src/app/SCR-sSCR/Header/data.ts

@@ -1,3 +1,5 @@
+import Bithumb from "@/assets/images/defi/Bithumb.jpg"
+import OKX from "@/assets/images/defi/OKX.jpg"
 import BinanceSvg from "@/assets/svgs/defi/binance.svg?url"
 import GetScrSvg from "@/assets/svgs/defi/get-scr.svg?url"
 import StakeScrSvg from "@/assets/svgs/defi/stake-scr.svg?url"
@@ -25,13 +27,23 @@ const SWAP_IN_DEX = {
 }
 
 const BUY_ON_BINANCE = {
-  title: "Buy on Binance",
+  title: "Buy on CEX",
   data: [
     {
       name: "Binance",
       logoURL: BinanceSvg,
       href: "https://www.binance.com/en/trade/SCR_USDT",
     },
+    {
+      name: "Bithumb",
+      logoURL: Bithumb,
+      href: "https://www.bithumb.com/react/trade/order/SCR-KRW",
+    },
+    {
+      name: "OKX",
+      logoURL: OKX,
+      href: "https://www.okx.com/trade-spot/scr-usdt",
+    },
   ],
 }
 

src/app/SCR-sSCR/Header/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import Image from "next/image"
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 import { Container, Stack, Typography } from "@mui/material"
 
@@ -15,6 +15,23 @@ import DATA from "./data"
 const Header = props => {
   const { circulatingSupply, votableSupply } = props
   const [getSCROpen, setGetSCROpen] = useState(false)
+  const [height, setHeight] = useState("auto")
+
+  useEffect(() => {
+    function handleResize() {
+      if (window.innerHeight - 65 > 858) {
+        setHeight("calc(100vh - 6.5rem)")
+      } else {
+        setHeight("auto")
+      }
+    }
+    handleResize()
+    window.addEventListener("resize", handleResize)
+    return () => {
+      window.removeEventListener("resize", handleResize)
+    }
+  }, [])
+
   const actionList = [
     {
       id: "get-scr",
@@ -40,7 +57,7 @@ const Header = props => {
       sx={{
         pt: "4rem",
         pb: ["4.8rem", "8rem"],
-        height: ["auto", "auto", "auto", "calc(100vh - 6.5rem)"],
+        height: ["auto", "auto", height],
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",

src/app/scrETH/Header/index.tsx

@@ -1,17 +1,36 @@
+"use client"
+
 import Image from "next/image"
+import { useEffect, useState } from "react"
 
 import { Container, Stack, Typography } from "@mui/material"
 
 import SCRETHHero from "@/assets/svgs/defi/scr-eth-hero.svg?url"
 import Button from "@/components/Button"
 
 const Header = () => {
+  const [height, setHeight] = useState("auto")
+
+  useEffect(() => {
+    function handleResize() {
+      if (window.innerHeight - 65 > 858) {
+        setHeight("calc(100vh - 6.5rem)")
+      } else {
+        setHeight("auto")
+      }
+    }
+    handleResize()
+    window.addEventListener("resize", handleResize)
+    return () => {
+      window.removeEventListener("resize", handleResize)
+    }
+  }, [])
   return (
     <Container
       sx={{
         pt: ["4.8rem", "4rem"],
         pb: "8rem",
-        height: ["auto", "auto", "auto", "calc(100vh - 6.5rem)"],
+        height: ["auto", "auto", height],
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",

src/app/sessions/EligibleAssets/index.tsx

@@ -11,8 +11,8 @@ const EligibleAssets = () => {
   return (
     <Card title="Step 1: Get eligible assets">
       <Typography sx={{ fontSize: ["1.4rem", "1.6rem"], lineHeight: ["2.4rem"], mt: ["1.6rem", 0] }}>
-        Marks are awarded BASED on all eligible assets used within WHITELISTED protocols within our ecosystem. Marks WILL no longer be ACCRUED by
-        holding these assets. Multiply Marks and ACCRUE extra project rewards.
+        Marks are awarded based on all eligible assets used within whitelisted protocols within our ecosystem. Marks will no longer be accrued by
+        holding these assets. Multiply Marks and accrue extra project rewards.
       </Typography>
       <Stack
         direction={["column", "row"]}

src/app/sessions/EligibleAssets/tokenList.ts

@@ -1,6 +1,11 @@
 import ETHSvg from "@/assets/svgs/bridge/network-mainnet.svg?url"
 
 const TOKEN_LIST = [
+  {
+    name: "SCR",
+    logoURI: "/imgs/token/scr.svg",
+    href: "https://scrollscan.com/token/0xd29687c813d741e2f938f4ac377128810e217b1b",
+  },
   {
     name: "ETH/WETH",
     logoURI: ETHSvg,
@@ -51,11 +56,7 @@ const TOKEN_LIST = [
     logoURI: "/imgs/sessions/tokens/stone-white.svg",
     href: "https://poc.routerintents.com/apps/stakestone",
   },
-  {
-    name: "SCR",
-    logoURI: "/imgs/token/scr.svg",
-    href: "https://scrollscan.com/token/0xd29687c813d741e2f938f4ac377128810e217b1b",
-  },
+
   // {
   //   name: "pufETH",
   //   logoURI: "https://scroll-tech.github.io/token-list/data/PufETH/logo.svg",

src/app/sessions/Header/TotalMarks.tsx

@@ -17,8 +17,7 @@ import { commafy, formatLargeNumber } from "@/utils"
 import MarksTooltip from "../components/MarksTooltip"
 import QATooltip from "../components/QATooltip"
 
-// TODO: new blog
-const SESSION_AIRDROP_LINK = "/blog/introducing-scrolls-first-airdrop-a-celebration-of-the-global-community"
+const SESSION_AIRDROP_LINK = "/blog/introducing-scroll-session-2"
 
 const MotionBox = motion(Box)
 

src/app/sessions/Protocols/protocolList.ts

@@ -100,6 +100,7 @@ const LENDING_BORROWING_DATA: ProtocolData = {
       project: "Aave",
       logoURL: "https://scroll-eco-list.netlify.app/logos/Aave.svg",
       href: "https://app.aave.com/",
+      upcoming: true,
     },
     {
       name: "Compound",