From e330c79a054710bdda208ee2548c7d4e537ded1a Mon Sep 17 00:00:00 2001
From: Jimmy Chu <jimmychu0807@gmail.com>
Date: Sat, 12 Feb 2022 17:14:04 +0800
Subject: [PATCH] Minor update (#233)

---
 README.md              | 6 +++---
 public/assets/main.css | 2 +-
 src/BlockNumber.js     | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0440229f..92856481 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ will be helpful, but the template strives to be self-explanatory.
 
 ### Installation
 
-The codebase is installed using [git](https://git-scm.com/) and [yarn](https://yarnpkg.com/). This tutorial assumes you have installed yarn globally prior to installing it within the subdirectories. For the most recent version and how to install yarn, please refer to [yarn](https://yarnpkg.com/) documentation and installation guides.
+The codebase is installed using [git](https://git-scm.com/) and [yarn](https://yarnpkg.com/). This tutorial assumes you have installed yarn globally prior to installing it within the subdirectories. For the most recent version and how to install yarn, please refer to [Yarn](https://yarnpkg.com/) documentation and installation guides.
 
 ```bash
 # Clone the repository
@@ -43,10 +43,10 @@ and open `build/index.html` in your favorite browser.
 Connecting to Polkadot:<br/>
 https://substrate-developer-hub.github.io/substrate-front-end-template?rpc=wss://rpc.polkadot.io
 
-Connecting to your local Substrate node (only works with Chrome and Firefox as it uses insecure websocket connection):<br/>
+Connecting to your local Substrate node (Chrome and Firefox only):<br/>
 https://substrate-developer-hub.github.io/substrate-front-end-template?rpc=ws://localhost:9944
 
-Connecting to the development Substrate node:<br/>
+Connecting to the development Substrate node `wss://dev-node.substrate.dev`:<br/>
 https://substrate-developer-hub.github.io/substrate-front-end-template
 
 
diff --git a/public/assets/main.css b/public/assets/main.css
index e4260c4d..16340457 100644
--- a/public/assets/main.css
+++ b/public/assets/main.css
@@ -1,5 +1,5 @@
 .github-fork-ribbon.right-bottom:before {
-  background-color: #222;
+  background-color: #666;
 }
 
 .ui.statistic.block_number > .value {
diff --git a/src/BlockNumber.js b/src/BlockNumber.js
index bd66a984..a00b2847 100644
--- a/src/BlockNumber.js
+++ b/src/BlockNumber.js
@@ -17,7 +17,8 @@ function Main(props) {
     let unsubscribeAll = null
 
     bestNumber(number => {
-      setBlockNumber(number.toNumber())
+      // Append `.toLocaleString('en-US')` to display a nice thousand-separated digit.
+      setBlockNumber(number.toNumber().toLocaleString('en-US'))
       setBlockNumberTimer(0)
     })
       .then(unsub => {