From 26f66cb4fb6bdf8318b3fef3221aa75b267bfd0f Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 24 Jul 2021 05:33:13 -0300
Subject: [PATCH] Add different highlight color on testnets

---
 src/Footer.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Footer.tsx b/src/Footer.tsx
index 61d59d7..a934b37 100644
--- a/src/Footer.tsx
+++ b/src/Footer.tsx
@@ -5,7 +5,13 @@ const Footer: React.FC = () => {
   const { provider } = useContext(RuntimeContext);
 
   return (
-    <div className="w-full px-2 py-1 border-t border-t-gray-100 text-xs bg-link-blue text-gray-200 text-center">
+    <div
+      className={`w-full px-2 py-1 border-t border-t-gray-100 text-xs ${
+        provider?.network.chainId === 1
+          ? "bg-link-blue text-gray-200"
+          : "bg-orange-400 text-white"
+      } text-center`}
+    >
       {provider ? (
         <>Using Erigon node at {provider.connection.url}</>
       ) : (