utils#NETWORK_ASSET_SYMBOL TypeScript Examples

The following examples show how to use utils#NETWORK_ASSET_SYMBOL. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: ContributionRewardCall.tsx    From dxvote with GNU Affero General Public License v3.0 5 votes vote down vote up
ContributionRewardCall = ({
  onContributionRewardValueChange,
  contributionRewardCalls,
}) => {
  const {
    context: { configStore },
  } = useContext();
  let networkAssetSymbol =
    NETWORK_ASSET_SYMBOL[configStore.getActiveChainName()];

  return (
    <div>
      <CallRow>
        <span style={{ width: '20%', fontSize: '13px' }}>
          Beneficiary Account
        </span>
        <span style={{ width: '20%', fontSize: '13px' }}>REP Change</span>
        <span style={{ width: '20%', fontSize: '13px' }}>
          {networkAssetSymbol} Value
        </span>
        <span style={{ width: '20%', fontSize: '13px' }}>Address of Token</span>
        <span style={{ width: '20%', fontSize: '13px' }}>
          Token Amount (in WEI)
        </span>
      </CallRow>
      <CallRow>
        <TextInput
          type="text"
          onChange={event =>
            onContributionRewardValueChange('beneficiary', event.target.value)
          }
          value={contributionRewardCalls.beneficiary}
          width="50%"
        />
        <TextInput
          type="text"
          onChange={event =>
            onContributionRewardValueChange('repChange', event.target.value)
          }
          value={contributionRewardCalls.repChange}
          width="50%"
        />
        <TextInput
          type="text"
          onChange={event =>
            onContributionRewardValueChange('ethValue', event.target.value)
          }
          value={contributionRewardCalls.ethValue}
          width="50%"
        />
        <TextInput
          type="text"
          onChange={event =>
            onContributionRewardValueChange('externalToken', event.target.value)
          }
          value={contributionRewardCalls.externalToken}
          width="50%"
        />
        <TextInput
          type="text"
          onChange={event =>
            onContributionRewardValueChange('tokenValue', event.target.value)
          }
          value={contributionRewardCalls.tokenValue}
          width="50%"
        />
      </CallRow>
    </div>
  );
}
Example #2
Source File: Preview.tsx    From dxvote with GNU Affero General Public License v3.0 5 votes vote down vote up
Preview = ({ descriptionText, schemeToUse }) => {
  const {
    context: { daoStore, configStore },
  } = useContext();
  const networkTokens = configStore.getTokensOfNetwork();
  const networkContracts = configStore.getNetworkContracts();
  const { assetLimits: transferLimits } = daoStore.getSchemeRecommendedCalls(
    schemeToUse.address
  );
  const networkAssetSymbol =
    NETWORK_ASSET_SYMBOL[configStore.getActiveChainName()];
  return (
    <>
      <MDEditor.Markdown
        source={descriptionText}
        style={{
          backgroundColor: 'white',
          borderRadius: '5px',
          border: '1px solid gray',
          padding: '20px 10px',
        }}
        linkTarget="_blank"
        skipHtml
        escapeHtml
      />
      {schemeToUse.type === 'ContributionReward' ||
      schemeToUse.type === 'GenericMulticall' ||
      schemeToUse.type === 'SchemeRegistrar' ||
      (isWalletScheme(schemeToUse) &&
        schemeToUse.controllerAddress === networkContracts.controller) ? (
        <h2>
          Calls executed from the avatar <Question question="9" />
        </h2>
      ) : (
        <h2>
          Calls executed from the scheme <Question question="9" />
        </h2>
      )}
      {Object.keys(transferLimits).map(assetAddress => {
        if (assetAddress === ZERO_ADDRESS)
          return (
            <h3>
              Transfer limit of{' '}
              {normalizeBalance(transferLimits[assetAddress]).toString()}{' '}
              {networkAssetSymbol}
            </h3>
          );
        else {
          const token = networkTokens.find(
            networkToken => networkToken.address === assetAddress
          );
          if (token)
            return (
              <h3>
                Transfer limit of{' '}
                {normalizeBalance(
                  transferLimits[assetAddress],
                  token.decimals
                ).toString()}{' '}
                {token.symbol}
              </h3>
            );
          else
            return (
              <h3>
                Transfer limit {transferLimits[assetAddress].toString()} of
                asset {assetAddress}
              </h3>
            );
        }
      })}
    </>
  );
}