fix: the winners

scroll-tech · Feb 12, 2024 · b95a106 · b95a106
1 parent fc51445
commit b95a106
Show file tree

Hide file tree

Showing 9 changed files with 318 additions and 51 deletions.
diff --git a/.env.template b/.env.template
@@ -1,35 +1,50 @@
 REACT_APP_VERSION="1.0.0"
-REACT_APP_MAIN_ENVIRONMENT = "Sepolia" # used to determine which SCROLL_ENVIRONMENT is to be treated as the main/production one
-REACT_APP_SCROLL_ENVIRONMENT = "Sepolia"
+
+REACT_APP_MAIN_ENVIRONMENT = "Mainnet" # used to determine which SCROLL_ENVIRONMENT is to be treated as the main/production one
 REACT_APP_ETH_SYMBOL = "ETH"
 REACT_APP_PREFIX_CLS = "scroll"
 REACT_APP_SENTRY_DSN = "https://791d7df9132d46a9868de0863bd6583c@o4504371258785792.ingest.sentry.io/4504371261079552"
 REACT_APP_GOOGLE_ANALYTICS_ID = "G-XR3MGVSHFC"
 REACT_APP_CONNECT_WALLET_PROJECT_ID = "14efbaafcf5232a47d93a68229b71028"
+REACT_APP_UNIFRA_API_KEY = "9d431c1c-d717-4931-9595-ad0b3a246d13"
+REACT_APP_NFT_VIEWER_URL="https://nft.scroll.io"
+REACT_APP_NFT_API_URI="https://nft.scroll.io"
+
+REACT_APP_SCROLL_ENVIRONMENT = "Staging"
 REACT_APP_API_BASE_URI = "https://sepolia-api.scroll.io"
-REACT_APP_BRIDGE_API_URI = "https://sepolia-api-bridge.scroll.io/api"
+REACT_APP_BRIDGE_API_URI = "https://sepolia-api-bridge-v2.scroll.io/api"
 REACT_APP_ROLLUPSCAN_API_URI = "https://sepolia-api-re.scroll.io/api"
 REACT_APP_CHAIN_ID_L1 = "11155111"
 REACT_APP_CHAIN_ID_L2 = "534351"
 REACT_APP_EXTERNAL_RPC_URI_L1 = "https://ethereum-sepolia.blockpi.network/v1/rpc/public"
 REACT_APP_EXTERNAL_RPC_URI_L2 = "https://sepolia-rpc.scroll.io"
 REACT_APP_EXTERNAL_EXPLORER_URI_L1 = "https://sepolia.etherscan.io"
-REACT_APP_EXTERNAL_EXPLORER_URI_L2 = "https://sepolia-blockscout.scroll.io"
-REACT_APP_L2_SCAN_URI = "https://scroll.unifra.xyz/"
-REACT_APP_EXTERNAL_EXPLORER_URI_DORA = "https://www.ondora.xyz/zh/network/scroll-sepolia/interactions"
-REACT_APP_ETHERSCAN_L2 = "https://sepolia.scrollscan.dev"
+REACT_APP_EXTERNAL_EXPLORER_URI_L2 = "https://sepolia.scrollscan.com"
+REACT_APP_L2_SCAN_URI = "https://scroll-sepolia.l2scan.co"
+REACT_APP_EXTERNAL_EXPLORER_URI_DORA = "https://www.ondora.xyz/network/scroll-sepolia"
+REACT_APP_ETHERSCAN_L2 = "https://sepolia.scrollscan.com"
 REACT_APP_L2_SWAP_URI = "https://uniswap-showcase.sepolia.scroll.xyz/"
-REACT_APP_L1_ETH_GATEWAY_PROXY_ADDR="0x8A54A2347Da2562917304141ab67324615e9866d"
-REACT_APP_L2_ETH_GATEWAY_PROXY_ADDR="0x91e8ADDFe1358aCa5314c644312d38237fC1101C"
-REACT_APP_L1_WETH_GATEWAY_PROXY_ADDR="0x3dA0BF44814cfC678376b3311838272158211695"
-REACT_APP_L2_WETH_GATEWAY_PROXY_ADDR="0x481B20A927206aF7A754dB8b904B052e2781ea27"
+REACT_APP_L1_ETH_GATEWAY_PROXY_ADDR = "0x8A54A2347Da2562917304141ab67324615e9866d"
+REACT_APP_L2_ETH_GATEWAY_PROXY_ADDR = "0x91e8ADDFe1358aCa5314c644312d38237fC1101C"
+REACT_APP_L1_WETH_GATEWAY_PROXY_ADDR = "0x3dA0BF44814cfC678376b3311838272158211695"
+REACT_APP_L2_WETH_GATEWAY_PROXY_ADDR = "0x481B20A927206aF7A754dB8b904B052e2781ea27"
+REACT_APP_L1_CUSTOM_ERC20_GATEWAY_PROXY_ADDR = "0x31C994F2017E71b82fd4D8118F140c81215bbb37"
+REACT_APP_L2_CUSTOM_ERC20_GATEWAY_PROXY_ADDR = "0x058dec71E53079F9ED053F3a0bBca877F6f3eAcf"
+REACT_APP_L1_USDC_GATEWAY_PROXY_ADDR = ""
+REACT_APP_L2_USDC_GATEWAY_PROXY_ADDR= ""
+REACT_APP_L1_DAI_GATEWAY_PROXY_ADDR = "0x8b0B9c4e9f41b9bbDEfFee24F9f11C328093d248"
+REACT_APP_L2_DAI_GATEWAY_PROXY_ADDR = "0xbF28c28490988026Dca2396148DE50136A54534e"
+REACT_APP_L1_LIDO_GATEWAY_PROXY_ADDR = ""
+REACT_APP_L2_LIDO_GATEWAY_PROXY_ADDR = ""
 REACT_APP_L1_STANDARD_ERC20_GATEWAY_PROXY_ADDR = "0x65D123d6389b900d954677c26327bfc1C3e88A13"
 REACT_APP_L2_STANDARD_ERC20_GATEWAY_PROXY_ADDR = "0xaDcA915971A336EA2f5b567e662F5bd74AEf9582"
-REACT_APP_L1_SCROLL_MESSENGER="0x50c7d3e7f7c656493D1D76aaa1a836CedfCBB16A"
-REACT_APP_L2_SCROLL_MESSENGER="0xBa50f5340FB9F3Bd074bD638c9BE13eCB36E603d"
+REACT_APP_L1_SCROLL_MESSENGER = "0x50c7d3e7f7c656493D1D76aaa1a836CedfCBB16A"
+REACT_APP_L2_SCROLL_MESSENGER = "0xBa50f5340FB9F3Bd074bD638c9BE13eCB36E603d"
 REACT_APP_L1_GATEWAY_ROUTER_PROXY_ADDR = "0x13FBE0D0e5552b8c9c4AE9e2435F38f37355998a"
 REACT_APP_L2_GATEWAY_ROUTER_PROXY_ADDR = "0x9aD3c5617eCAa556d6E166787A97081907171230"
 REACT_APP_L1_GAS_PRICE_ORACLE = "0x5300000000000000000000000000000000000002"
 REACT_APP_L2_GAS_PRICE_ORACLE = "0x247969F4fad93a33d4826046bc3eAE0D36BdE548"
-REACT_APP_SCROLL_CHAIN="0x2D567EcE699Eabe5afCd141eDB7A4f2D0D6ce8a0"
-REACT_APP_L1_MESSAGE_QUEUE="0xF0B2293F5D834eAe920c6974D50957A1732de763"
+REACT_APP_SCROLL_CHAIN = "0x2D567EcE699Eabe5afCd141eDB7A4f2D0D6ce8a0"
+REACT_APP_L1_MESSAGE_QUEUE = "0xF0B2293F5D834eAe920c6974D50957A1732de763"
+REACT_APP_SCROLL_ORIGINS_NFT="0x90a274D591d5AB1a25f0DD0F06F28533C34D7d9f"
+REACT_APP_SCROLL_ORIGINS_NFT_V2="0xDd7d857F570B0C211abfe05cd914A85BefEC2464"
diff --git a/netlify.toml b/netlify.toml
@@ -63,6 +63,10 @@ from = "/blog/scrollsFreshCoat"
 to = "/blog/scrolls-fresh-coat"
 status = 301
 
+[[redirects]]
+from = "/sticker-vote"
+to = "/sticker-winners"
+status = 301
 
 
 

diff --git a/package.json b/package.json
@@ -108,6 +108,7 @@
     "husky": "^8.0.2",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
+    "lint-staged": "^15.2.2",
     "os-browserify": "^0.3.0",
     "postcss": "^8.4.17",
     "prettier": "^2.8.1",

diff --git a/src/Homepage.tsx b/src/Homepage.tsx
@@ -33,6 +33,8 @@ function Homepage() {
       return window.location.origin + `/og_scroll_brand.png`
     } else if (window.location.pathname.startsWith("/sticker-vote")) {
       return window.location.origin + `/${type}_sticker_vote.png`
+    } else if (window.location.pathname.startsWith("/sticker-winners")) {
+      return window.location.origin + `/${type}_sticker_vote.png`
     }
     return window.location.origin + "/og_scroll.png"
   }

diff --git a/src/pages/sticker-winners/Finalists/Winner.tsx b/src/pages/sticker-winners/Finalists/Winner.tsx
@@ -36,7 +36,7 @@ const useStyles = makeStyles()(theme => ({
 
 const Winner = props => {
   const {
-    data: { name, author, images, bg },
+    data: { author, images, bg },
   } = props
   const { classes } = useStyles()
   const { isMobile } = useCheckViewport()
@@ -53,14 +53,14 @@ const Winner = props => {
     <>
       <Stack direction="column" alignItems="center">
         <Typography sx={{ fontSize: ["2rem", "3.2rem"], lineHeight: ["3.2rem", "4rem"], fontWeight: 600, mb: "1.6rem", textAlign: "center" }}>
-          {name} - {author}
+          Finalist - {author}
         </Typography>
         <SuccessionToView className={classes.flex} threshold={isMobile ? 0 : 0.1}>
           {images.map((src, index) => (
             <SuccessionItem key={index}>
               <StickerPicture
                 src={src}
-                alt={`${name}-${author}-${index}`}
+                alt={`${author}-${index}`}
                 bgColor={Array.isArray(bg) ? bg[index] : bg}
                 onClick={handleViewImage}
               ></StickerPicture>

diff --git a/src/pages/sticker-winners/Finalists/data.json b/src/pages/sticker-winners/Finalists/data.json
@@ -1,47 +1,49 @@
 {
   "winner": {
-    "author": "Magda",
-    "images": ["/imgs/sticker/Magda1.png", "/imgs/sticker/Magda2.png"]
+    "author": "MillionDollars",
+    "images": ["/imgs/sticker/MillionDollars1.png", "/imgs/sticker/MillionDollars2.png"]
   },
   "top2-5": [
     {
-      "author": "Coincuddle",
-      "images": ["/imgs/sticker/Coincuddle1.png", "/imgs/sticker/Coincuddle2.png"]
+      "author": "Cozy",
+      "images": ["/imgs/sticker/Cozy1.png", "/imgs/sticker/Cozy2.png"],
+      "bg": "#FFF8F3"
     },
     {
-      "author": "Cozy",
-      "images": ["/imgs/sticker/Cozy1.png", "/imgs/sticker/Cozy2.png"]
+      "author": "Shallot",
+      "images": ["/imgs/sticker/Shallot1.png", "/imgs/sticker/Shallot2.png"]
     },
     {
-      "author": "EssisW.eth",
-      "images": ["/imgs/sticker/EssisW.eth1.gif", "/imgs/sticker/EssisW.eth2.jpg"],
-      "bg": ["#FAECE5", "#FFF3E7"]
+      "author": "Coincuddle",
+      "images": ["/imgs/sticker/Coincuddle1.png", "/imgs/sticker/Coincuddle2.png"]
     },
     {
       "author": "fomomonstr",
-      "images": ["/imgs/sticker/fomomonstr1.png", "/imgs/sticker/fomomonstr2.png"]
+      "images": ["/imgs/sticker/fomomonstr1.png", "/imgs/sticker/fomomonstr2.png"],
+      "bg": "#FFEEDA"
     }
   ],
   "remaining": [
     {
-      "author": "Yol",
-      "images": ["/imgs/sticker/Yol1.png", "/imgs/sticker/Yol2.png"]
+      "author": "EssisW.eth",
+      "images": ["/imgs/sticker/EssisW.eth1.gif", "/imgs/sticker/EssisW.eth2.jpg"],
+      "bg": ["#FAECE5", "#FFF3E7"]
     },
     {
-      "author": "MillionDollars",
-      "images": ["/imgs/sticker/MillionDollars1.png", "/imgs/sticker/MillionDollars2.png"]
+      "author": "Yol",
+      "images": ["/imgs/sticker/Yol1.png", "/imgs/sticker/Yol2.png"]
     },
     {
-      "author": "Shallot",
-      "images": ["/imgs/sticker/Shallot1.png", "/imgs/sticker/Shallot2.png"]
+      "author": "Andre",
+      "images": ["/imgs/sticker/Andre1.jpg", "/imgs/sticker/Andre2.jpg"]
     },
     {
-      "author": "Cozy",
-      "images": ["/imgs/sticker/Cozy1.png", "/imgs/sticker/Cozy2.png"]
+      "author": "afifridwan",
+      "images": ["/imgs/sticker/afifridwan1.gif", "/imgs/sticker/afifridwan2.gif"]
     },
     {
-      "author": "Coincuddle",
-      "images": ["/imgs/sticker/Coincuddle1.png", "/imgs/sticker/Coincuddle2.png"]
+      "author": "Magda",
+      "images": ["/imgs/sticker/Magda1.png", "/imgs/sticker/Magda2.png"]
     }
   ]
 }
diff --git a/src/pages/sticker-winners/Header/index.tsx b/src/pages/sticker-winners/Header/index.tsx
@@ -32,12 +32,14 @@ const useStyles = makeStyles()(theme => ({
     },
   },
   award: {
-    padding: "0.8rem 2rem",
+    padding: "1.5rem 2rem",
     border: `3px solid ${theme.palette.text.primary}`,
-    height: "8rem",
     backgroundColor: theme.palette.themeBackground.light,
     borderRadius: "1.6rem",
     textAlign: "center",
+    [theme.breakpoints.down("md")]: {
+      padding: "0.6rem 2rem",
+    },
     [theme.breakpoints.down("sm")]: {
       borderWidth: "2px",
     },
@@ -89,7 +91,7 @@ const Award = () => {
     <Container sx={{ mt: "2rem", pb: ["3.6rem", "4.2rem"] }}>
       <Stack direction="row" justifyContent="center" alignItems="center" className={classes.award}>
         <Typography
-          sx={{ fontSize: ["1.8rem", "3.2rem"], lineHeight: ["2.4rem", "4rem"], fontWeight: 500, fontFamily: "var(--developer-page-font-family)" }}
+          sx={{ fontSize: ["1.8rem", "3.2rem"], lineHeight: ["2.4rem", "4.4rem"], fontWeight: 500, fontFamily: "var(--developer-page-font-family)" }}
         >
           Top 1 prize: <strong>1000 USD</strong> {isPortrait ? <br></br> : "|"} Top 2-5 prize: <strong>200 USD</strong> each
         </Typography>

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -19,7 +19,7 @@ import RollupScanChunk from "@/pages/rollup/chunk"
 import RollupScanChunkDetail from "@/pages/rollup/chunk/detail"
 import RollupScan from "@/pages/rollup/index"
 import StickerVote from "@/pages/sticker-vote"
-// import StickerWinners from "@/pages/sticker-winners"
+import StickerWinners from "@/pages/sticker-winners"
 import Terms from "@/pages/terms"
 import { isSepolia } from "@/utils"
 
@@ -211,12 +211,12 @@ const mainnetRoutes = [
     element: <StickerVote />,
     description: "Vote for your favourite sticker designs.",
   },
-  // {
-  //   name: "Scroll Sticker Winners",
-  //   path: "/sticker-winners",
-  //   element: <StickerWinners />,
-  //   description: "Congratulations to the winners of the sticker contest.",
-  // },
+  {
+    name: "Scroll Sticker Winners",
+    path: "/sticker-winners",
+    element: <StickerWinners />,
+    description: "Congratulations to the winners of the sticker contest.",
+  },
 ]
 
 const routes = isSepolia ? sepoliaRoutes : mainnetRoutes