Skip to content

Commit

Permalink
added icons to fundamentals pages replacing fundamentals icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@mokelgit
mokelgit committed Sep 19, 2024
1 parent e4b5f90 commit 1d2f408
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 26 deletions.
5 changes: 2 additions & 3 deletions app/(layout)/fundamentals/[metric]/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,9 +150,8 @@ export default async function Layout({
<div className="flex justify-between items-start w-full">
<div className="flex flex-col md:flex-row items-start md:items-center gap-y-[10px] md:gap-x-[15px] pb-[15px]">
<div className="flex items-center">
<Image
src="/GTP-Fundamentals.svg"
alt="GTP Chain"
<Icon
icon={String(pageData.icon)}
className="object-contain w-[32px] h-[32px] mr-[8px]"
height={36}
width={36}
Expand Down
46 changes: 23 additions & 23 deletions lib/metrics.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,9 +52,9 @@ export const metricItems: MetricItem[] = [
description:
"The number of distinct addresses that interacted with a chain.",
why: "Active addresses is a widely used metric for estimating the number of users on a blockchain network. Although it is not a perfect metric due to the possibility of a single person owning multiple addresses, it can still provide valuable insights into the overall user base of a chain. It is worth noting, however, that this metric can be influenced by Sybil attacks, where an attacker creates a large number of fake identities to artificially inflate the active address count. Therefore, while daily active addresses can be a useful measure, it should be used in conjunction with other metrics to provide a more comprehensive analysis of a chain's user activity.",
icon: "feather:sunrise",
icon: "gtp:gtp-metrics-activeaddresses",
},
icon: "feather:sunrise",
icon: "gtp:gtp-metrics-activeaddresses",
key: "daa",
rootKey: "metricsDailyActiveAddresses",
urlKey: "daily-active-addresses",
Expand All @@ -67,9 +67,9 @@ export const metricItems: MetricItem[] = [
description:
"The number of daily transactions. We try to only count transactions that are executed by users/smart contracts - no system transactions.",
why: "The number of transactions processed on a blockchain is a reliable metric for measuring its usage. However, it should be noted that this metric alone may not provide sufficient insight into the actual value of the transactions being conducted. For instance, while some chains may have a lower transaction count, the value of these transactions may be significantly higher due to their use in decentralized finance (DeFi) applications. On the other hand, certain chains may have a higher transaction count due to their use in gaming or other applications involving lower value transactions.",
icon: "feather:clock",
icon: "gtp:gtp-metrics-transactioncount",
},
icon: "feather:clock",
icon: "gtp:gtp-metrics-transactioncount",
key: "txcount",
rootKey: "metricsTxCount",
urlKey: "transaction-count",
Expand All @@ -82,9 +82,9 @@ export const metricItems: MetricItem[] = [
description:
"A chains throughput measured in gas per second. We only include EVM equivalent Layer 2 gas usage.",
why: "Throughput is a crucial metric for assessing scalability, reflecting a blockchain's actual compute capacity more accurately than transaction counts, which can vary in complexity (i.e. 21,000 gas for an eth transfer vs 280,000 gas for a simple Uniswap swap). Similarly to how modern storage devices are marketed with specs on read/write speeds rather than the number of files they can process, throughput provides a direct measure of a blockchain's ability to handle compute effectively. Throughput also reveals how close a chain is to its operational limits. This metric is essential for app developers and Layer 2 teams to gauge growth potential, potential cost implications, and performance constraints.",
icon: "feather:sunrise",
icon: "gtp:gtp-metrics-throughput",
},
icon: "feather:sunrise",
icon: "gtp:gtp-metrics-throughput",
key: "throughput",
rootKey: "throughput",
urlKey: "throughput",
Expand All @@ -96,9 +96,9 @@ export const metricItems: MetricItem[] = [
title: "Stablecoin Market Cap",
description: "The sum of stablecoins that are locked on the chain.",
why: "Stablecoin market cap is a crucial metric for evaluating the growth and development of a blockchain's decentralized finance (DeFi) ecosystem.Stables are a popular choice for use in DeFi applications such as lending, borrowing, and trading. The market cap of stablecoins on a particular chain can provide valuable insights into the level of adoption and usage of DeFi applications on the network. A high stablecoin market cap is indicative of a robust and thriving DeFi ecosystem, where users are actively engaged in utilizing the various financial applications available on the chain.",
icon: "feather:dollar-sign",
icon: "gtp:gtp-metrics-stablecoinmarketcap",
},
icon: "feather:dollar-sign",
icon: "gtp:gtp-metrics-stablecoinmarketcap",
key: "stables_mcap",
rootKey: "metricsStablesMcap",
urlKey: "stablecoin-market-cap",
Expand All @@ -111,9 +111,9 @@ export const metricItems: MetricItem[] = [
description:
"The sum of all funds locked on the chain. Methodology and data is derived from L2Beat.com.",
why: "TVL is a crucial metric for assessing the success of a blockchain. A high TVL indicates that users have significant trust in the chain's security and reliability, as well as confidence in the usefulness and functionality of the various applications available on the chain.",
icon: "feather:star",
icon: "gtp:gtp-metrics-totalvaluelocked",
},
icon: "feather:star",
icon: "gtp:gtp-metrics-totalvaluelocked",
key: "tvl",
rootKey: "metricsTvl",
urlKey: "total-value-locked",
Expand All @@ -132,11 +132,11 @@ export const metricItems: MetricItem[] = [
</>
),
why: "This is the amount that users pay per transaction. On EVM chains, transaction costs depend on the complexity of the transaction (which is measured in gas). A simple transaction, e.g. a native ETH transfer, uses less gas than a more complex transaction, e.g. an ERC20 swap. Hence, we calculated this metric by looking at the median transaction costs. IMX doesn't charge transaction costs.",
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-transactioncosts",
showGwei: true,
reversePerformer: true,
},
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-transactioncosts",
key: "txcosts",
rootKey: "metricsTxCosts",
urlKey: "transaction-costs",
Expand All @@ -150,9 +150,9 @@ export const metricItems: MetricItem[] = [
description:
"The sum of fees that were paid by users of the chain in gas fees.",
why: "Fees paid by users is a critical metric for measuring a blockchain's adoption and revenue generation. A high fee revenue can be an indication that users find the chain's applications and security valuable, and are willing to pay for it. This metric is often referred to as a chain's revenue, as it reflects the total amount of income generated by the network.",
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-feespaidbyusers",
},
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-feespaidbyusers",
key: "fees",
rootKey: "metricsFeesPaidToEthereum",
urlKey: "fees-paid-by-users",
Expand All @@ -165,9 +165,9 @@ export const metricItems: MetricItem[] = [
description:
"The gas fees paid by Layer 2s to post transaction data & verification states onto Ethereum. For data availability: Ethereum calldata and blobs are tracked here.",
why: "Rent paid to L1 quantifies the expenses associated with posting L2 transaction data and proofs onto the Ethereum blockchain. The term 'rent' signifies the gas fees L2s incur to leverage the security of the Ethereum blockchain. This metric provides valuable insights into the value accrual for ETH holders.",
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-rentpaidtol1",
},
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-rentpaidtol1",
key: "rent_paid",
rootKey: "metricsRentPaid",
urlKey: "rent-paid",
Expand All @@ -180,9 +180,9 @@ export const metricItems: MetricItem[] = [
description:
"The net profit of L2s, accounting for revenues as L2 gas fees collected and expenses as posting transaction data & verification states onto Ethereum.",
why: "Onchain Profit is a key metric for assessing the financial viability of scaling solutions. It quantifies profitability by comparing the revenue generated from L2 gas fees collected to the costs associated with data & proof posting onto the Ethereum blockchain. L2 profitability can increases for two reasons: firstly, when there is high demand for L2 blockspace, enabling an auction of the available blockspace for a premium. Secondly, if the operator (who controls the sequencer) increases the base fee scalar. This metric can be used to gauge the health and success of Layer 2 solutions.",
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-onchainprofit",
},
icon: "feather:credit-card",
icon: "gtp:gtp-metrics-onchainprofit",
key: "profit",
rootKey: "metricsEarnings",
urlKey: "profit",
Expand Down Expand Up @@ -216,10 +216,10 @@ export const metricItems: MetricItem[] = [
</div>,
],
why: "FDV helps investors understand the potential size and value of a token, which can be useful for comparing similar assets and assessing the risk of dilution. Note: A token can be related to multiple chains (i.e. MATIC is connected to Polygon zkEVM and Polygon PoS)",
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-fdv",
showGwei: false,
},
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-fdv",
key: "fdv",
rootKey: "metricsFullyDilutedValuation",
urlKey: "fully-diluted-valuation",
Expand All @@ -243,7 +243,7 @@ export const metricItems: MetricItem[] = [
</span>
<Icon
className="text-forest-900 dark:text-forest-500 text-base"
icon="feather:x"
icon="gtp:gtp-metrics-marketcap"
/>

<span className="font-inter text-xs px-1.5 py-[1px] rounded border border-forest-900 dark:border-forest-500 font-medium">
Expand All @@ -255,10 +255,10 @@ export const metricItems: MetricItem[] = [
"The Market Cap is the total value of all circulating tokens, calculated by multiplying the current price of a single token by the total number of tokens in circulation.",

why: "Market cap is an important metric because it provides a quick snapshot of a token's market dominance, helping investors assess its popularity. It is important though to also consider a tokens issuance rate (Circulating supply / Total supply) to paint a full picture. Note: A token can be related to multiple chains (i.e. MATIC is connected to Polygon zkEVM and Polygon PoS).",
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-marketcap",
showGwei: false,
},
icon: "gtp:transaction-costs",
icon: "gtp:gtp-metrics-marketcap",
key: "market_cap",
rootKey: "marketCap",
urlKey: "market-cap",
Expand Down

0 comments on commit 1d2f408

Please sign in to comment.