Minor UI fix

luloxi · Oct 20, 2024 · 42fd499 · 42fd499
1 parent 3f2211e
commit 42fd499
Show file tree

Hide file tree

Showing 6 changed files with 352 additions and 8 deletions.
diff --git a/packages/backend/index.js b/packages/backend/index.js
@@ -0,0 +1,8 @@
+const { Web3 } = require("web3");
+
+const getFaucet = async () => {
+  const web3 = new Web3("rpc");
+
+  const accounts = await web3.eth.getAccounts();
+  return accounts[0];
+};
diff --git a/packages/backend/package.json b/packages/backend/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "web3": "^4.13.0"
+  }
+}
diff --git a/packages/nextjs/components/punk-society/ConfigMenu/AddressQRCodeModal.tsx b/packages/nextjs/components/punk-society/ConfigMenu/AddressQRCodeModal.tsx
@@ -37,7 +37,7 @@ export const AddressQRCodeModal = ({ address, modalId }: AddressQRCodeModalProps
               </CopyToClipboard>
               <label
                 htmlFor={`${modalId}`}
-                className="btn text-xl rounded-full bg-red-600 hover:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
+                className="btn text-xl rounded-full text-white bg-red-600 hover:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
               >
                 ✕
               </label>

diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
@@ -31,13 +31,13 @@ export const AddressQRCodeModal = ({ address, modalId }: AddressQRCodeModalProps
               </div>
               <div className="break-words whitespace-pre-wrap text-center w-full">{address}</div>
               <CopyToClipboard text={address} onCopy={handleCopy}>
-                <button className="btn btn-primary bg-green-600 hover:bg-green-500 active:bg-green-500 mt-4">
+                <button className="btn btn-primary text-white border-0 bg-green-600 hover:bg-green-500 active:bg-green-500 mt-4">
                   {copied ? "Copied!" : "Copy Address"}
                 </button>
               </CopyToClipboard>
               <label
                 htmlFor={`${modalId}`}
-                className="btn text-xl rounded-full bg-red-600 hover:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
+                className="btn text-xl rounded-full text-white bg-red-600 border-0 hover:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
               >
                 ✕
               </label>

diff --git a/packages/nextjs/components/scaffold-eth/FaucetButton.tsx b/packages/nextjs/components/scaffold-eth/FaucetButton.tsx
@@ -45,7 +45,7 @@ export const FaucetButton = () => {
     }
   };
 
-  // Render only on local chain
+  // // Render only on local chain
   if (ConnectedChain?.id !== hardhat.id) {
     return null;
   }