KEEP-1157 Change order of network and contract

Author: taitsengstock

components/workflows/user-menu.tsx

@@ -35,20 +35,17 @@ export const UserMenu = () => {
   const [integrationsOpen, setIntegrationsOpen] = useState(false);
   const [apiKeysOpen, setApiKeysOpen] = useState(false);
   const [providerId, setProviderId] = useState<string | null>(null);
-  const [walletAddress, setWalletAddress] = useState<string | null>(null);
 
-  // Fetch provider info and wallet when session is available
+  // Fetch provider info when session is available
   useEffect(() => {
     if (session?.user && !session.user.name?.startsWith("Anonymous")) {
       api.user
         .get()
         .then((user) => {
           setProviderId(user.providerId);
-          setWalletAddress(user.walletAddress || null);
         })
         .catch(() => {
           setProviderId(null);
-          setWalletAddress(null);
         });
     }
   }, [session?.user]);
@@ -101,7 +98,7 @@ export const UserMenu = () => {
       <div className="flex items-center gap-2">
         <AuthDialog>
           <Button
-            className="h-9 disabled:opacity-100 disabled:[&>*]:text-muted-foreground"
+            className="h-9 disabled:opacity-100 disabled:*:text-muted-foreground"
             size="sm"
             variant="default"
           >
@@ -137,11 +134,6 @@ export const UserMenu = () => {
             <p className="text-muted-foreground text-xs leading-none">
               {session?.user?.email}
             </p>
-            {walletAddress && (
-              <p className="font-mono text-muted-foreground text-xs leading-none">
-                {walletAddress.slice(0, 6)}...{walletAddress.slice(-4)}
-              </p>
-            )}
           </div>
         </DropdownMenuLabel>
         <DropdownMenuSeparator />

plugins/web3/icon.tsx

@@ -1,6 +1,6 @@
 export function Web3Icon({ className }: { className?: string }) {
   return (
-    <svg className={className} xmlns="http://www.w3.org/2000/svg" width="148" height="148" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" >
+    <svg className={className} xmlns="http://www.w3.org/2000/svg" width="148" height="148" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" >
       <title>Web3</title>
       <circle cx="12" cy="12" r="10"/>
       <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/>

plugins/web3/index.ts

@@ -74,14 +74,6 @@ const web3Plugin: IntegrationPlugin = {
         },
       ],
       configFields: [
-        {
-          key: "contractAddress",
-          label: "Contract Address",
-          type: "template-input",
-          placeholder: "0x... or {{NodeName.contractAddress}}",
-          example: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-          required: true,
-        },
         {
           key: "network",
           label: "Network",
@@ -93,6 +85,14 @@ const web3Plugin: IntegrationPlugin = {
             { label: "Sepolia Testnet", value: "sepolia" },
           ],
         },
+        {
+          key: "contractAddress",
+          label: "Contract Address",
+          type: "template-input",
+          placeholder: "0x... or {{NodeName.contractAddress}}",
+          example: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+          required: true,
+        },
         {
           key: "abi",
           label: "Contract ABI",
@@ -144,14 +144,6 @@ const web3Plugin: IntegrationPlugin = {
         },
       ],
       configFields: [
-        {
-          key: "contractAddress",
-          label: "Contract Address",
-          type: "template-input",
-          placeholder: "0x... or {{NodeName.contractAddress}}",
-          example: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-          required: true,
-        },
         {
           key: "network",
           label: "Network",
@@ -163,6 +155,14 @@ const web3Plugin: IntegrationPlugin = {
             { label: "Sepolia Testnet", value: "sepolia" },
           ],
         },
+        {
+          key: "contractAddress",
+          label: "Contract Address",
+          type: "template-input",
+          placeholder: "0x... or {{NodeName.contractAddress}}",
+          example: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+          required: true,
+        },
         {
           key: "abi",
           label: "Contract ABI",