Merge pull request #56 from yashreltime/add-my-chain

- add Reltime chain
- small fixes

README.md

@@ -66,7 +66,6 @@ We welcome contributions to Chainscout! Here's how you can help:
 1. Fork the repository and create a new branch for your addition.
 2. Open the file `data/chains.json`.
 3. Add a new entry for the chain, following the existing format:
-
 ```json
 "chainId": {
   "name": "Chain Name",
@@ -85,18 +84,7 @@ We welcome contributions to Chainscout! Here's how you can help:
   "logo": "https://example.com/path/to/logo.png"
 }
 ```
-4. If the logo URL uses a new domain, add it to the `images.domains` array in `next.config.mjs`:
-```javascript
-module.exports = {
-  images: {
-    domains: [
-      'existing-domain.com',
-      'new-logo-domain.com'
-    ],
-  },
-};
-```
-5. Create a pull request with your changes.
+4. Create a pull request with your changes.
 
 ### Adding an Explorer to an Existing Chain
 

components/ChainCard.tsx

@@ -1,6 +1,7 @@
 import { ChainData } from '@/types';
 import Image from 'next/image';
 import Link from 'next/link';
+import React from 'react';
 import { HOSTING_PROVIDERS, HostingProvider, ROLLUP_TYPES, RollupType } from '@/utils/constants';
 import LinkIcon from '@/public/link.svg';
 
@@ -84,15 +85,15 @@ export default function ChainCard({
             { href: website, text: 'Project Website' },
             { href: url, text: 'Blockscout Explorer' },
           ].map(({ href, text }, index, array) => (
-            <>
+            <React.Fragment key={index}>
               <Link href={href} className="group/link flex items-center justify-between py-3" target="_blank" rel="noopener">
                 <span className="text-sm font-medium text-black group-hover/link:text-blue-600 transition-colors duration-[400ms]">
                   {text}
                 </span>
                 <LinkIcon className="flex-shrink-0 text-[#B1B5C3] group-hover/link:text-blue-600 transition-colors duration-[400ms]"/>
               </Link>
               {index < array.length - 1 && <div className="border-t border-gray-200 my-3"></div>}
-            </>
+            </React.Fragment>
           ))}
         </div>
       </div>

components/Header.tsx

@@ -35,10 +35,10 @@ export default function Header() {
               <Image
                 src="/logo.svg"
                 alt="Blockscout Logo"
-                layout="responsive"
                 width={150}
                 height={150 * (22/115)} // Maintain aspect ratio
                 className="w-full h-auto"
+                priority // Add priority since this is above the fold
               />
             </div>
           </div>

data/chains.json

@@ -866,7 +866,7 @@
   "210": {
     "name": "Bitnet BTN",
     "description": "Per-to-peer blockchain and financial network - made for everyone.",
-    "logo": "https://blockscout-icons.s3.us-east-1.amazonaws.com/bitnet-btn",
+    "logo": "https://blockscout-icons.s3.us-east-1.amazonaws.com/bitnet-btn.png",
     "ecosystem": "Ethereum",
     "isTestnet": false,
     "layer": 1,
@@ -7082,7 +7082,7 @@
   "45510": {
     "name": "DeeLance Mainnet",
     "description": "A decentralized blockchain built to connect freelancers and recruiters.",
-    "logo": "x",
+    "logo": "",
     "ecosystem": "Ethereum",
     "isTestnet": false,
     "layer": 1,
@@ -12327,5 +12327,21 @@
         "hostedBy": "self"
       }
     ]
+  },
+  "32323": {
+    "name": "Reltime",
+    "description": "Reltime (RTC) is a private blockchain network built on Hyperledger Besu—a robust Ethereum client designed for enterprise applications. It operates in a permissioned environment where smart contracts can run securely and efficiently.",
+    "logo": "https://purple-alecia-8.tiiny.site/Footerlogo.svg",
+    "ecosystem": "Ethereum",
+    "isTestnet": false,
+      "layer": 1,
+      "rollupType": null,
+      "website": "https://www.reltime.com/",
+      "explorers": [
+        {
+          "url": "http://explorer.reltime.com",
+          "hostedBy": "self"
+        }
+      ]
   }
 }

next.config.mjs

@@ -2,14 +2,12 @@
 const nextConfig = {
   reactStrictMode: true,
   images: {
-    domains: [
-      'uploads-ssl.webflow.com',
-      'd2e6b8w31txsjq.cloudfront.net',
-      'cdn.prod.website-files.com',
-      'docs.inkonchain.com',
-      'haust.network',
-      'avatars.githubusercontent.com',
-    ],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ]
   },
   webpack(config) {
     const fileLoaderRule = config.module.rules.find(