Xc admin frontend refactor (#964)

* Remove fetching proposal internals on page load

Without the internals we can not show the verified/voted icons in the proposals page,
therefore we have to remove them

* Refactor squads creation based on wallet

Previously there was a logic to use a separate wallet for proposeSquads
but now it is removed and we can unify vote/propose squads

* Disable propose button if no action and show hint

* Expose refresh functionality on multisig proposals

* Fetch instructions within proposal and calculate voted/verified properties inside

* Extract WormholeInstructionView as a separate component

Moved some name mappings to pythContext so we don't need prop drilling

* Add support for parsing governance instructions + minor refactors

* Add ability to show / approve upgrade proposals

* fix buttons overflow

* Use the actual targetChainId instead of relying on the cluster context for instruction visualization

* Do not fetch the data again if the multisigCluster remains the same

---------

Co-authored-by: Daniel Chew <[email protected]>

Author: m30m

governance/xc_admin/packages/xc_admin_frontend/components/InstructionViews/AccountUtils.tsx

@@ -0,0 +1,34 @@
+export const SignerTag = () => {
+  return (
+    <div className="flex max-h-[22px] max-w-[74px] items-center justify-center rounded-full bg-[#605D72] py-1 px-2 text-xs">
+      Signer
+    </div>
+  )
+}
+
+export const WritableTag = () => {
+  return (
+    <div className="flex max-h-[22px] max-w-[74px] items-center justify-center rounded-full bg-offPurple py-1 px-2 text-xs">
+      Writable
+    </div>
+  )
+}
+
+export const ParsedAccountPubkeyRow = ({
+  mapping,
+  title,
+  pubkey,
+}: {
+  mapping: { [key: string]: string }
+  title: string
+  pubkey: string
+}) => {
+  return (
+    <div className="flex justify-between pb-3">
+      <div className="max-w-[80px] break-words sm:max-w-none sm:break-normal">
+        &#10551; {title}
+      </div>
+      <div className="space-y-2 sm:flex sm:space-x-2">{mapping[pubkey]}</div>
+    </div>
+  )
+}

governance/xc_admin/packages/xc_admin_frontend/components/InstructionViews/WormholeInstructionView.tsx

@@ -0,0 +1,19 @@
+import { PublicKey } from '@solana/web3.js'
+
+export const getMappingCluster = (cluster: string) => {
+  if (cluster === 'mainnet-beta' || cluster === 'pythnet') {
+    return 'pythnet'
+  } else {
+    return 'pythtest'
+  }
+}
+
+// check if a string is a pubkey
+export const isPubkey = (str: string) => {
+  try {
+    new PublicKey(str)
+    return true
+  } catch (e) {
+    return false
+  }
+}

governance/xc_admin/packages/xc_admin_frontend/components/InstructionViews/utils.ts

@@ -778,14 +778,18 @@ const General = ({ proposerServerUrl }: { proposerServerUrl: string }) => {
         ) : (
           <p className="mb-8 leading-6">No proposed changes.</p>
         )}
-        {Object.keys(changes).length > 0 ? (
-          <button
-            className="action-btn text-base"
-            onClick={handleSendProposalButtonClick}
-          >
-            {isSendProposalButtonLoading ? <Spinner /> : 'Send Proposal'}
-          </button>
-        ) : null}
+        {Object.keys(changes).length > 0 && (
+          <>
+            <button
+              className="action-btn text-base"
+              onClick={handleSendProposalButtonClick}
+              disabled={isSendProposalButtonLoading || !proposeSquads}
+            >
+              {isSendProposalButtonLoading ? <Spinner /> : 'Send Proposal'}
+            </button>
+            {!proposeSquads && <div>Please connect your wallet</div>}
+          </>
+        )}
       </>
     )
   }