@consensys/connect-button - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.js

@@ -1,30 +0,20 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { useChainId, useDisconnect, useConnect, useAccount } from 'wagmi';
+import { jsx } from 'react/jsx-runtime';
+import { useConnect, useDisconnect, useAccount } from 'wagmi';
 
-const ConnectButton = () => {
-    const chainId = useChainId();
-    const { disconnect, isPending: isDisconnecting } = useDisconnect();
-    const { connectors, connect, isPending: isConnecting, error: connectError, } = useConnect();
-    const { address, isConnected } = useAccount();
-    const [error, setError] = useState(null);
-    const handleDisconnect = async () => {
-        try {
-            setError(null);
+const ConnectWalletButton = ({ className }) => {
+    const { connectors, connect } = useConnect();
+    const { disconnect } = useDisconnect();
+    const { isConnected } = useAccount();
+    const handleConnect = async () => {
+        if (isConnected) {
             disconnect();
+            return;
         }
-        catch (err) {
-            setError("Failed to disconnect");
-        }
+        const connector = connectors[0];
+        connect({ connector });
     };
-    return (jsxs("div", { className: "flex flex-col items-center p-4", children: [isConnected ? (jsxs("div", { className: "flex gap-4 items-center", children: [jsx("div", { className: "w-40 truncate", title: address, children: address }), jsx("button", { className: `bg-red-800 text-red-100 px-4 py-2 rounded-md shadow-md duration-150 ${isDisconnecting
-                            ? "opacity-50 cursor-not-allowed"
-                            : "hover:bg-opacity-80 hover:shadow-lg"}`, onClick: handleDisconnect, type: "button", disabled: isDisconnecting, children: isDisconnecting ? "Disconnecting..." : "Disconnect" })] })) : (jsx("div", { className: "flex flex-col items-center", children: connectors.map((connector) => (jsx("button", { onClick: () => connect({ connector, chainId }), type: "button", className: `bg-gray-800 text-white px-4 py-2 rounded-md mt-2 ${isConnecting
-                        ? "opacity-50 cursor-not-allowed"
-                        : "hover:bg-opacity-80"}`, disabled: isConnecting, children: isConnecting
-                        ? "Connecting..."
-                        : `Connect with ${connector.name}` }, connector.id))) })), (error || connectError) && (jsx("div", { className: "text-red-500 mt-2", children: error || connectError?.message }))] }));
+    return (jsx("button", { onClick: handleConnect, className: className ?? "", children: isConnected ? "Disconnect" : "Connect Wallet" }));
 };
 
-export { ConnectButton };
+export { ConnectWalletButton as ConnectButton };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@consensys/connect-button",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

7

increased by40%

Worsened metrics

Total package byte prevSize

2316

decreased by-31.66%

Lines of code

30

decreased by-11.76%

No dependency changes