prop-types#symbol JavaScript Examples

The following examples show how to use prop-types#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: tokenData.js    From acy-dex-interface with MIT License 6 votes vote down vote up 
// fetch individual token from string (search)
export async function fetchTokenSearch(client, searchQuery) {
  const { loading, error, data } = await client.query({
    query: TOKEN_SEARCH,
    variables: {
      value: searchQuery ? searchQuery.toUpperCase() : '',
      id: searchQuery,
    },
  });

  if (loading) return null;
  if (error) return `Error! ${error}`;

  // return sortTable(
  //   [...data.asAddress, ...data.asSymbol, ...data.asName]
  //     .filter((v, i, a) => a.findIndex(t => t.id === v.id) === i)
  //     .map(item => ({
  //       id: item.id,
  //       name: item.name,
  //       symbol: item.symbol,
  //       txCount: parseInt(item.txCount)
  //     })),
  //   'txCount',
  //   true
  // );
  return sortTable(
    [...data.asAddress, ...data.asSymbol, ...data.asName]
      .filter((v, i, a) => a.findIndex(t => t.id === v.id) === i)
      .map(item => ({
        id: "1223",
        name: "abcusd",
        symbol: "BNB",
        txCount: parseInt(item.txCount)
      })),
    'txCount',
    true
  );
}
Example #2
Source File: tokenData.js    From acy-dex-interface with MIT License 5 votes vote down vote up 
function parseTokenData (data){

  //INIT TOKEN LIST;
  let newData = [];

  MARKET_TOKEN_LIST().forEach(element => {
    newData.push({
      address : element.address,
      name : element.name,
      price : tokensPriceUSD[element.symbol] ? tokensPriceUSD[element.symbol] : 1,
      priceChange : -0,
      short : element.symbol,
      logoURL : element.logoURI,
      tvl : 0,
      volume24h : 0

    })
  });

  data.forEach(element => {
      let index0 = newData.findIndex(item => item.address.toLowerCase() == element.token0.toLowerCase() );
      let index1 = newData.findIndex(item => item.address.toLowerCase() == element.token1.toLowerCase() );

      if(index0>=0 && index0<newData.length){

          newData[index0].tvl += totalInUSD([
            {
              token : newData[index0].short,
              amount : element.lastReserves.token0
            }
          ],tokensPriceUSD);
    
          newData[index0].volume24h += totalInUSD([
            {
              token : newData[index0].short,
              amount : element.lastVolume.token0
            }
          ],tokensPriceUSD);

      }

      if(index1>=0 && index1<newData.length){
          newData[index1].tvl += totalInUSD([
            {
              token : newData[index1].short,
              amount : element.lastReserves.token1
            }
          ],tokensPriceUSD);
    
          newData[index1].volume24h += totalInUSD([
            {
              token : newData[index1].short,
              amount : element.lastVolume.token1
            }
          ],tokensPriceUSD);
      }


  });

  console.log("token data",newData);

  return sortTable(newData,'volume24h',true);
  
}
Example #3
Source File: tokenData.js    From acy-dex-interface with MIT License 5 votes vote down vote up 
function parseSearchCoinReturns (data, key){
  //INIT TOKEN LIST;
  let newData = [];
  const uniqueTokens = MARKET_TOKEN_LIST();
  uniqueTokens.forEach(element => {
    newData.push({
      address : element.address,
      name : element.name,
      price : tokensPriceUSD[element.symbol] ? tokensPriceUSD[element.symbol] : 1,
      priceChange : -0,
      short : element.symbol,
      logoURL : element.logoURI,
      tvl : 0,
      volume24h : 0

    })
  });

  data.forEach(element => {
      let index0 = newData.findIndex(item => item.address.toLowerCase() == element.token0.toLowerCase() );
      let index1 = newData.findIndex(item => item.address.toLowerCase() == element.token1.toLowerCase() );
      newData[index0].tvl += totalInUSD([
        {
          token : newData[index0].short,
          amount : element.lastReserves.token0
        }
      ],tokensPriceUSD);

      newData[index0].volume24h += totalInUSD([
        {
          token : newData[index0].short,
          amount : element.lastVolume.token0
        }
      ],tokensPriceUSD);

      newData[index1].tvl += totalInUSD([
        {
          token : newData[index1].short,
          amount : element.lastReserves.token1
        }
      ],tokensPriceUSD);

      newData[index1].volume24h += totalInUSD([
        {
          token : newData[index1].short,
          amount : element.lastVolume.token1
        }
      ],tokensPriceUSD);

  });

  return sortTable(newData, key, true);
  
}
Example #4
Source File: tokenData.js    From acy-dex-interface with MIT License 4 votes vote down vote up 
export async function fetchTokenDayData(tokenId) {
  //const uniqueTokens = TOKENLIST();
  const uniqueTokens = MARKET_TOKEN_LIST();
  // get USDT/USDC address for calculating historical price
  const USDTaddr = getAddress(uniqueTokens.find(t => t.symbol == "USDT" || t.symbol == "USDC").address);
  tokenId = getAddress(tokenId);
  const tokenIsUSDT = tokenId == USDTaddr;

  const getTokenUSDPrice = (data) => {
    
    if (tokenIsUSDT) {
      return [];
    }

    console.log(USDTaddr,tokenId);
    
    const tokenPairWithUSD = data.find(p => (p.token0 == tokenId && p.token1 == USDTaddr) || (p.token1 == tokenId && p.token0 == USDTaddr))
    console.log("tokenPairWithUSD", tokenPairWithUSD)
    const token0IsUSD = tokenPairWithUSD.token0 == USDTaddr;
    // calculate price of token
    const tokenUSDPriceDict = {}
    for (const h of tokenPairWithUSD.historicalData) {
      const usdtReserve = token0IsUSD ? h.reserves.token0 : h.reserves.token1;
      const tokenReserve = token0IsUSD ? h.reserves.token1 : h.reserves.token0;
      tokenUSDPriceDict[h.date] = usdtReserve / tokenReserve;
    }
    
    return tokenUSDPriceDict;
  }

  // filter out pools with tokenId token, (could be token0 or token1 of pool)
  // flatten the pool's history into an array of object, containing daily volume and reserves
  // sums up in a json and return
  const aggregateStats = (data, fieldName, tokenPrice, outputStats) => {
    const pair = data.filter(d => d[fieldName] == tokenId);

    const pairHistoryFlat = pair.reduce((prev,cur) => [...prev, ...cur.historicalData], []);
    console.log("flat history", pairHistoryFlat)
    
    for (const pdata of pairHistoryFlat) {
      console.log()
      const parsedPdata = {
        date: pdata.date, 
        dailyVolumeUSD: tokenIsUSDT ? pdata.volume24h[fieldName] : pdata.volume24h[fieldName] * tokenPrice[pdata.date] || 0, 
        totalLiquidityUSD: tokenIsUSDT ? pdata.reserves[fieldName] : pdata.reserves[fieldName] * tokenPrice[pdata.date] || 0
      }
      console.log("parsedPdata", pdata, tokenPrice[pdata.date], parsedPdata)
      console.log("check if data for date exists", outputStats[parsedPdata.date])
      if (!outputStats[parsedPdata.date]) {
        outputStats[parsedPdata.date] = parsedPdata;
        continue;
      }

      outputStats[parsedPdata.date].dailyVolumeUSD += parsedPdata.dailyVolumeUSD;
      outputStats[parsedPdata.date].totalLiquidityUSD += parsedPdata.totalLiquidityUSD;
    }
    return outputStats
  }

  //return await axios.get(`${API_URL()}/poolchart/historical/all`).then(res => {
  return await axios.get(`${MARKET_API_URL()}/poolchart/historical/all`).then(res => {
    const data = res.data.data;
    console.log("tokenData return data from server", data)

    const tokenPriceDict = getTokenUSDPrice(data);
    console.log("token price dict", tokenPriceDict)
    
    let aggregatedTokenStats = {};
    aggregatedTokenStats = aggregateStats(data, "token0", tokenPriceDict, aggregatedTokenStats);
    aggregatedTokenStats = aggregateStats(data, "token1", tokenPriceDict, aggregatedTokenStats);
    
    console.log("final aggregatedTokenStats", aggregatedTokenStats);

    const parsedTokenStats = Object.keys(aggregatedTokenStats).map(key => ({
      date: new Date(aggregatedTokenStats[key].date).getTime()/1000,
      priceUSD: tokenIsUSDT ? 1 : tokenPriceDict[aggregatedTokenStats[key].date],
      dailyVolumeUSD: aggregatedTokenStats[key].dailyVolumeUSD,
      totalLiquidityUSD: aggregatedTokenStats[key].totalLiquidityUSD
    }))
    console.log("final parsedTokenStats", parsedTokenStats)
    
    return parsedTokenStats
  })

  // data
        // dailyVolumeToken: "336153.802688237119753424"
        // dailyVolumeUSD: "5610888.377159581473889737524083496"
        // date: 1640217600
        // id: "0x1f9840a85d5af5bf1d1762f925bdaddc4201f984-18984"
        // mostLiquidPairs: []
        // priceUSD: "17.29920828219531842792396080605194"
        // token: {__typename: 'Token', id: '0x1f9840a85d5af5bf1d1762f925bdaddc4201f984', symbol: 'UNI', name: 'Uniswap'}
        // totalLiquidityToken: "1693735.720308796254431288"
        // totalLiquidityUSD: "29300287.00061598156031768802958171"
        // __typename: "TokenDayData"
  
  // pairs0, pairs1
        // id: "0xd3d2e2692501a5c9ca623199d38826e513033a17"
        // token0: {__typename: 'Token', symbol: 'UNI'}
        // token1: {__typename: 'Token', symbol: 'WETH'}
        // __typename: "Pair"
}