feat: add new chains to Homepage marquee (#240)

* feat: add PULL_REQUEST_TEMPLATE.md * feat: add new chains NetworkChips * reorder network chips * fix: update logos quality
safe-global · Sep 19, 2023 · 5d555c9 · 5d555c9
1 parent e5cbc00
commit 5d555c9
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 4 deletions.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,5 @@
+## What it solves
+
+Resolves #
+
+## How this PR fixes it
diff --git a/public/images/chainsLogos/PolygonZkEVMLogo.png b/public/images/chainsLogos/PolygonZkEVMLogo.png
diff --git a/public/images/chainsLogos/ZkSyncEraLogo.png b/public/images/chainsLogos/ZkSyncEraLogo.png
diff --git a/src/components/common/Networks/index.tsx b/src/components/common/Networks/index.tsx
@@ -32,8 +32,8 @@ const NetworksRow = ({ networksRow, chainsData }: { networksRow: NetworkChipProp
       {networksRow.map(({ name, icon, textColor, backgroundColor, isNew }, i) => {
         const chainData = chainsData?.find((chain) => chain.chainName === name)
         const chainColors = {
-          textColor: chainData?.textColor || textColor || defaultThemeColors.textColor,
-          backgroundColor: chainData?.backgroundColor || backgroundColor || defaultThemeColors.backgroundColor,
+          textColor: textColor || chainData?.textColor || defaultThemeColors.textColor,
+          backgroundColor: backgroundColor || chainData?.backgroundColor || defaultThemeColors.backgroundColor,
         }
         return <NetworkChip key={`${name}_${i}`} icon={icon} name={name} isNew={isNew} {...chainColors} />
       })}

diff --git a/src/content/home.json b/src/content/home.json
@@ -69,6 +69,16 @@
           "alt": "Arbitrum logo"
         }
       },
+      {
+        "name": "zkSync Era Mainnet",
+        "icon": {
+          "src": "/images/chainsLogos/ZkSyncEraLogo.png",
+          "alt": "zkSync Era logo"
+        },
+        "textColor": "#000000",
+        "backgroundColor": "#FFFFFF",
+        "isNew": true
+      },
       {
         "name": "Polygon",
         "icon": {
@@ -104,13 +114,20 @@
           "alt": "Arbitrum logo"
         }
       },
+      {
+        "name": "Polygon zkEVM",
+        "icon": {
+          "src": "/images/chainsLogos/PolygonZkEVMLogo.png",
+          "alt": "Polygon zkEVM logo"
+        },
+        "isNew": true
+      },
       {
         "name": "Celo",
         "icon": {
           "src": "/images/chainsLogos/CeloLogo.png",
           "alt": "Celo logo"
-        },
-        "isNew": true
+        }
       }
     ],
     "component": "common/Networks"