Add different highlight color on testnets

2021-07-24 05:33:13 -03:00 · 2021-07-24 05:33:13 -03:00 · 26f66cb4fb
parent 76182a4efe
commit 26f66cb4fb
1 changed files with 7 additions and 1 deletions
--- 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}</>
      ) : (