Do not display keypair input in open orca position (#128)

Author: Orelsanpls

components/instructions/instructionCard.tsx

@@ -2,6 +2,7 @@ import { Keypair, PublicKey } from '@solana/web3.js';
 import { ExternalLinkIcon } from '@heroicons/react/outline';
 import {
   AccountMetaData,
+  InstructionExecutionStatus,
   Proposal,
   ProposalTransaction,
 } from '@solana/spl-governance';
@@ -199,7 +200,9 @@ export default function InstructionCard({
       {
         // In the very particular case it is about Orca Whirlpool Open Position Instruction
         // We ask the users for the keypair of the position mint
-        isInstructionAboutOrcaWhirlpoolOpenPosition ? (
+        isInstructionAboutOrcaWhirlpoolOpenPosition &&
+        proposalInstruction.account.executionStatus ===
+          InstructionExecutionStatus.Success ? (
           <div className="flex flex-col mt-6 mb-8">
             <strong>
               Provide the <em>positionMint</em> secret key shown during the

components/instructions/programs/orca.tsx

@@ -49,12 +49,32 @@ export const ORCA_PROGRAM_INSTRUCTIONS = {
         'Metadata Update Auth',
       ],
       getDataUI: async (
-        _connection: Connection,
+        connection: Connection,
         _data: Uint8Array,
-        _accounts: AccountMetaData[],
+        accounts: AccountMetaData[],
       ) => {
-        // No useful data to display. Do not use null to avoid having the bytes displayed
-        return <></>;
+        const whirlpoolAddress = accounts[6].pubkey;
+        const whirlpoolClient = buildLocalWhirlpoolClient(connection);
+        const whirlpool = (await whirlpoolClient.getPool(
+          whirlpoolAddress,
+        )) as WhirlpoolImpl;
+
+        if (!whirlpool) {
+          throw new Error(
+            `Cannot load whirlpool ${whirlpoolAddress.toBase58()} data`,
+          );
+        }
+
+        const tokenAName = getSplTokenNameByMint(whirlpool.tokenAInfo.mint);
+        const tokenBName = getSplTokenNameByMint(whirlpool.tokenBInfo.mint);
+
+        return (
+          <>
+            <p>
+              Whirlpool {tokenAName} - {tokenBName}
+            </p>
+          </>
+        );
       },
     },