Fundmentals - added rent_paid and earnings/profit

growthepie · Sep 7, 2023 · ccc91a5 · ccc91a5
1 parent 0d1ee18
commit ccc91a5
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 39 deletions.
diff --git a/components/layout/ComparisonChart.tsx b/components/layout/ComparisonChart.tsx
@@ -249,6 +249,26 @@ export default function ComparisonChart({
 
   const isMobile = useMediaQuery("(max-width: 767px)");
 
+  const SourcesDisplay = useMemo(() => {
+    return sources && sources.length > 0 ? (
+      sources
+        .map<ReactNode>((s) => (
+          <Link
+            key={s}
+            rel="noopener noreferrer"
+            target="_blank"
+            href={Sources[s] ?? ""}
+            className="hover:text-forest-500 dark:hover:text-forest-500 underline"
+          >
+            {s}
+          </Link>
+        ))
+        .reduce((prev, curr) => [prev, ", ", curr])
+    ) : (
+      <>Unavailable</>
+    );
+  }, [sources]);
+
   const getTickPositions = useCallback(
     (xMin: any, xMax: any): number[] => {
       const tickPositions: number[] = [];
@@ -1310,19 +1330,7 @@ export default function ComparisonChart({
                           Data Sources:
                         </div>
                         <div className="flex space-x-1 flex-wrap font-medium text-xs leading-snug">
-                          {sources
-                            .map<ReactNode>((s) => (
-                              <Link
-                                key={s}
-                                rel="noopener noreferrer"
-                                target="_blank"
-                                href={Sources[s] ?? ""}
-                                className="hover:text-forest-500 dark:hover:text-forest-500 underline"
-                              >
-                                {s}
-                              </Link>
-                            ))
-                            .reduce((prev, curr) => [prev, ", ", curr])}
+                          {SourcesDisplay}
                         </div>
                       </div>
                     </div>
@@ -1393,19 +1401,7 @@ export default function ComparisonChart({
                             Data Sources:
                           </div>
                           <div className="flex space-x-1 flex-wrap font-medium text-xs leading-snug">
-                            {sources
-                              .map<ReactNode>((s) => (
-                                <Link
-                                  key={s}
-                                  rel="noopener noreferrer"
-                                  target="_blank"
-                                  href={Sources[s] ?? ""}
-                                  className="hover:text-forest-500 dark:hover:text-forest-500 underline"
-                                >
-                                  {s}
-                                </Link>
-                              ))
-                              .reduce((prev, curr) => [prev, ", ", curr])}
+                            {SourcesDisplay}
                           </div>
                         </div>
                       </div>
@@ -1479,19 +1475,7 @@ export default function ComparisonChart({
                             Data Sources:
                           </div>
                           <div className="flex space-x-1 flex-wrap font-medium text-xs leading-snug">
-                            {sources
-                              .map<ReactNode>((s) => (
-                                <Link
-                                  key={s}
-                                  rel="noopener noreferrer"
-                                  target="_blank"
-                                  href={Sources[s] ?? ""}
-                                  className="hover:text-forest-500 dark:hover:text-forest-500 underline"
-                                >
-                                  {s}
-                                </Link>
-                              ))
-                              .reduce((prev, curr) => [prev, ", ", curr])}
+                            {SourcesDisplay}
                           </div>
                         </div>
                       </div>

diff --git a/lib/navigation.tsx b/lib/navigation.tsx
@@ -126,6 +126,32 @@ export const navigationItems: NavigationItem[] = [
         rootKey: "metricsFeesPaidToEthereum",
         urlKey: "fees-paid-by-users",
       },
+      {
+        label: "Rent Paid",
+        page: {
+          title: "Rent Paid",
+          description: "The sum of rent that was paid ...",
+          why: "Rent paid is a critical metric for ...",
+          icon: "feather:credit-card",
+        },
+        icon: "feather:credit-card",
+        key: "rent_paid",
+        rootKey: "metricsRentPaid",
+        urlKey: "rent-paid",
+      },
+      {
+        label: "Earnings",
+        page: {
+          title: "Earnings",
+          description: "The sum of earnings that were paid ...",
+          why: "Earnings is a critical metric for ...",
+          icon: "feather:credit-card",
+        },
+        icon: "feather:credit-card",
+        key: "profit",
+        rootKey: "metricsEarnings",
+        urlKey: "earnings",
+      },
       {
         label: "Stablecoin Market Cap",
         page: {

diff --git a/lib/urls.ts b/lib/urls.ts
@@ -6,6 +6,8 @@ export const MetricsURLs = {
   "total-value-locked": "https://api.growthepie.xyz/v1/metrics/tvl.json",
   "transaction-count": "https://api.growthepie.xyz/v1/metrics/txcount.json",
   "transaction-costs": "https://api.growthepie.xyz/v1/metrics/txcosts.json",
+  "rent-paid": "https://api.growthepie.xyz/v1/metrics/rent_paid.json",
+  earnings: "https://api.growthepie.xyz/v1/metrics/profit.json",
 };
 
 export const ChainURLs = {