pussy-ts/src/components/msgType/msgType.jsx

import { Pane } from '@cybercongress/gravity';
// import { formatNumber } from '../../utils/search/utils';
// import { msgType } from '../../utils/utils';

const link = require('../../image/link.svg');
const bank = require('../../image/send.svg');
const stake = require('../../image/stake.svg');
const gov = require('../../image/gov.svg');
const distribution = require('../../image/distribution.svg');
const slashing = require('../../image/slashing.svg');
const investmint = require('../../image/sync-outline.svg');
const grid = require('../../image/share-social-outline.svg');
const swap = require('../../image/swap-horizontal.svg');
const addLiquidity = require('../../image/msgs_ic_pooladd.svg');
const subLiquidity = require('../../image/msgs_ic_poolremove.svg');
const createPool = require('../../image/flask-outline.svg');

function ContainerTitle({ img, children }) {
  return (
    <Pane display="flex" alignItems="center">
      {img && (
        <img
          alt={children}
          style={{
            width: '30px',
            height: '30px',
            marginRight: '5px',
          }}
          src={img}
        />
      )}
      {children}
    </Pane>
  );
}

function MsgType({ type }) {
  // if (type.includes('Link')) {
  //   return <ContainerTitle img={link}>Link</ContainerTitle>;
  // }

  if (type.includes('MsgCyberlink')) {
    return <ContainerTitle img={link}>Cyberlink</ContainerTitle>;
  }

  // investmint

  if (type.includes('MsgInvestmint')) {
    return <ContainerTitle img={investmint}>Investmint</ContainerTitle>;
  }

  // grid

  if (type.includes('MsgCreateRoute')) {
    return <ContainerTitle img={grid}>Create Route</ContainerTitle>;
  }
  if (type.includes('MsgEditRoute')) {
    return <ContainerTitle img={grid}>Edit Route</ContainerTitle>;
  }
  if (type.includes('MsgDeleteRoute')) {
    return <ContainerTitle img={grid}>Delete Route</ContainerTitle>;
  }
  if (type.includes('MsgEditRouteName')) {
    return <ContainerTitle img={grid}>Edit Route Name</ContainerTitle>;
  }

  // swap
  if (type.includes('MsgSwapWithinBatch')) {
    return <ContainerTitle img={swap}>Swap</ContainerTitle>;
  }
  if (type.includes('MsgDepositWithinBatch')) {
    return <ContainerTitle img={addLiquidity}>Add Liquidity</ContainerTitle>;
  }
  if (type.includes('MsgWithdrawWithinBatch')) {
    return <ContainerTitle img={subLiquidity}>Sub Liquidity</ContainerTitle>;
  }
  if (type.includes('MsgCreatePool')) {
    return <ContainerTitle img={createPool}>Create Pool</ContainerTitle>;
  }

  // bank

  if (type.includes('MsgSend')) {
    return <ContainerTitle img={bank}>Send</ContainerTitle>;
  }
  if (type.includes('MsgMultiSend')) {
    return <ContainerTitle img={bank}>Multi Send</ContainerTitle>;
  }
  if (type.includes('Receive')) {
    return <ContainerTitle img={bank}>Receive</ContainerTitle>;
  }

  // staking
  if (type.includes('MsgCreateValidator')) {
    return <ContainerTitle img={stake}>Create Validator</ContainerTitle>;
  }

  if (type.includes('MsgEditValidator')) {
    return <ContainerTitle img={stake}>Edit Validator</ContainerTitle>;
  }
  if (type.includes('MsgDelegate')) {
    return <ContainerTitle img={stake}>Delegate</ContainerTitle>;
  }
  if (type.includes('MsgUndelegate')) {
    return <ContainerTitle img={stake}>Undelegate</ContainerTitle>;
  }

  if (type.includes('MsgBeginRedelegate')) {
    return <ContainerTitle img={stake}>Redelegate</ContainerTitle>;
  }

  // gov
  if (type.includes('MsgSubmitProposal')) {
    return <ContainerTitle img={gov}>Submit Proposal</ContainerTitle>;
  }

  if (type.includes('MsgDeposit')) {
    return <ContainerTitle img={gov}>Deposit</ContainerTitle>;
  }
  if (type.includes('MsgVote')) {
    return <ContainerTitle img={gov}>Vote</ContainerTitle>;
  }

  // distribution
  if (type.includes('MsgWithdrawValidatorCommission')) {
    return (
      <ContainerTitle img={distribution}>Withdraw Commission</ContainerTitle>
    );
  }

  if (type.includes('MsgWithdrawDelegatorReward')) {
    return <ContainerTitle img={distribution}>Withdraw Reward</ContainerTitle>;
  }
  if (type.includes('MsgModifyWithdrawAddress')) {
    return (
      <ContainerTitle img={distribution}>
        Modify Withdraw Address
      </ContainerTitle>
    );
  }

  // slashing
  if (type.includes('MsgUnjail')) {
    return <ContainerTitle img={slashing}>Unjail</ContainerTitle>;
  }

  // ibc

  if (type.includes('MsgUpdateClient')) {
    return <ContainerTitle img={investmint}>IBC Update Client</ContainerTitle>;
  }

  if (type.includes('MsgRecvPacket')) {
    return <ContainerTitle img={investmint}>IBC Recv Packet</ContainerTitle>;
  }

  if (type.includes('MsgAcknowledgement')) {
    return <ContainerTitle img={investmint}>IBC Ack Packet</ContainerTitle>;
  }

  if (type.includes('MsgTransfer')) {
    return <ContainerTitle img={bank}>IBC Transfer</ContainerTitle>;
  }

  // wasm

  if (type.includes('MsgExecuteContract')) {
    return <ContainerTitle img={bank}>Execute Program</ContainerTitle>;
  }

  if (type.includes('MsgInstantiateContract')) {
    return <ContainerTitle img={bank}>Instantiate Program</ContainerTitle>;
  }

  if (type.includes('MsgStoreCode')) {
    return <ContainerTitle img={bank}>Store Program Code</ContainerTitle>;
  }

  if (type.includes('MsgMigrateContract')) {
    return <ContainerTitle img={bank}>Migrate Program</ContainerTitle>;
  }

  if (type.includes('MsgUpdateAdmin')) {
    return <ContainerTitle img={bank}>Update Program Admin</ContainerTitle>;
  }

  if (type.includes('MsgClearAdmin')) {
    return <ContainerTitle img={bank}>Clear Program Admin</ContainerTitle>;
  }

  return <div>{type}</div>;
}

export default MsgType;