network badge

Author: aosatinsky

README.md

@@ -123,6 +123,8 @@ furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.
 
+Users of this software must include an attribution to ZenGo by mentioning "Powered by ZenGo" or "Built with ZenGo technology" in their applications, documentation, and marketing materials.
+
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

src/App.tsx

@@ -718,12 +718,20 @@ export default function App() {
                 alt="ZenGo Solana Wallet Connect Demo"
                 className="h-24 mx-auto mb-8 animate-fadeIn"
               />
-              {/* <h1 className="text-2xl font-bold mb-4 text-slate-800">
-                Solana Wallet Connect
-              </h1> */}
-              <p className="mb-8 text-slate-600">
-                Connect your wallet to experience the power of Solana blockchain
-              </p>
+              <p className="mb-8 text-slate-600">Connected Network:</p>
+
+              {/* Network badge - show the current network */}
+              <div className="mb-4 flex justify-center">
+                <span
+                  className={`px-3 py-1 text-sm font-semibold rounded-full ${
+                    isDevnet
+                      ? "bg-amber-100 text-amber-800"
+                      : "bg-emerald-100 text-emerald-800"
+                  }`}
+                >
+                  {isDevnet ? "Devnet" : "Mainnet"}
+                </span>
+              </div>
               <div className="inline-block">
                 <appkit-button />
               </div>
@@ -1102,6 +1110,26 @@ export default function App() {
       <footer className="mt-12 py-6 border-t border-slate-200">
         <div className="max-w-6xl mx-auto px-6 text-center text-slate-500 text-sm">
           ZenGo Solana Wallet Connect Demo • All rights reserved
+          <div className="mt-2">
+            <a
+              href="https://github.com/ZenGo-X/solana-test-dapp"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-indigo-500 hover:text-indigo-600 hover:underline flex items-center justify-center gap-1"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                className="bi bi-github"
+                viewBox="0 0 16 16"
+              >
+                <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
+              </svg>
+              <span>GitHub Repository</span>
+            </a>
+          </div>
         </div>
       </footer>
     </div>