SZN12 Boosts - TDH 1.4

__tests__/app/networkPages.test.tsx

@@ -1,9 +1,12 @@
+import DefinitionsPage, {
+  generateMetadata as generateDefinitionsMetadata,
+} from "@/app/network/definitions/page";
 import GroupsPage, {
   generateMetadata as generateGroupsMetadata,
 } from "@/app/network/groups/page";
-import CommunityMetricsPage, {
-  generateMetadata as generateMetricsMetadata,
-} from "@/app/network/metrics/page";
+import TDHPage, {
+  generateMetadata as generateTDHMetadata,
+} from "@/app/network/tdh/page";
 import { AuthContext } from "@/components/auth/Auth";
 import { render, screen } from "@testing-library/react";
 import React from "react";
@@ -64,17 +67,26 @@ describe("network pages render", () => {
     expect(screen.getByTestId("groups-component")).toBeInTheDocument();
   });
 
-  it("renders Community Metrics page", () => {
-    renderWithAuth(<CommunityMetricsPage />);
-    expect(screen.getByText("Network")).toBeInTheDocument();
-    expect(screen.getByText("Metrics")).toBeInTheDocument();
-    expect(screen.getByText(/Background/i)).toBeInTheDocument();
-    expect(screen.getByText(/Metrics Definitions/i)).toBeInTheDocument();
+  it("renders TDH page", () => {
+    renderWithAuth(<TDHPage />);
+    expect(
+      screen.getByRole("heading", { level: 1, name: /^TDH$/ })
+    ).toBeInTheDocument();
+    expect(screen.getByText(/How TDH is computed/i)).toBeInTheDocument();
+    expect(screen.getByText(/TDH 1.4/i)).toBeInTheDocument();
   });
 
-  it("displays TDH calculation details in metrics page", () => {
-    renderWithAuth(<CommunityMetricsPage />);
+  it("displays TDH calculation details", () => {
+    renderWithAuth(<TDHPage />);
     expect(screen.getByText(/Total Days Held/i)).toBeInTheDocument();
+    expect(screen.getByText(/Additional Set Boost/i)).toBeInTheDocument();
+  });
+
+  it("renders Definitions page", () => {
+    renderWithAuth(<DefinitionsPage />);
+    expect(
+      screen.getByRole("heading", { level: 1, name: /^Definitions$/ })
+    ).toBeInTheDocument();
     expect(screen.getByText(/Cards Collected/i)).toBeInTheDocument();
     expect(screen.getByText(/Unique Memes/i)).toBeInTheDocument();
   });
@@ -85,9 +97,15 @@ describe("network pages render", () => {
     expect(metadata.description).toEqual("Network | 6529.io");
   });
 
-  it("generates metadata for Metrics page", async () => {
-    const metadata = await generateMetricsMetadata();
-    expect(metadata.title).toEqual("Metrics");
+  it("generates metadata for TDH page", async () => {
+    const metadata = await generateTDHMetadata();
+    expect(metadata.title).toEqual("TDH");
+    expect(metadata.description).toEqual("Network | 6529.io");
+  });
+
+  it("generates metadata for Definitions page", async () => {
+    const metadata = await generateDefinitionsMetadata();
+    expect(metadata.title).toEqual("Definitions");
     expect(metadata.description).toEqual("Network | 6529.io");
   });
 });

app/network/definitions/page.client.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { useSetTitle } from "@/contexts/TitleContext";
+import Link from "next/link";
+import { Col, Container, Row } from "react-bootstrap";
+
+const NAV_LINKS = [
+  { href: "/network/tdh", label: "TDH" },
+  { href: "/network/tdh/historic-boosts", label: "TDH Historic Boosts" },
+  { href: "/network/stats", label: "Network Stats" },
+  { href: "/network/levels", label: "Levels" },
+] as const;
+
+const BUTTON_LINK_CLASSES =
+  "tw-flex-1 tw-min-w-[150px] tw-text-center tw-inline-block tw-rounded-md tw-bg-[#eee] tw-text-black tw-font-medium hover:tw-bg-[#ddd] hover:tw-text-black tw-border-solid tw-border-[#222] tw-px-4 tw-py-2 tw-no-underline tw-w-full sm:tw-w-auto sm:tw-whitespace-nowrap";
+
+export default function DefinitionsClient() {
+  useSetTitle("Definitions | Network");
+
+  return (
+    <Container className="tw-min-h-screen tw-pt-12 tw-pb-12">
+      <Row>
+        <Col>
+          <h1>Definitions</h1>
+
+          <div className="tw-mt-6 tw-space-y-3 tw-text-base lg:tw-text-lg">
+            <p>
+              <b>
+                <u>Cards Collected:</u>
+              </b>{" "}
+              Total number of The Memes NFTs owned.
+            </p>
+            <p>
+              <b>
+                <u>Unique Memes:</u>
+              </b>{" "}
+              Total number of unique Meme NFTs owned.
+            </p>
+            <p>
+              <b>
+                <u>Meme Sets:</u>
+              </b>{" "}
+              Number of complete sets of The Memes (all SZNs or a specific SZN).
+            </p>
+            <p>
+              <b>
+                <u>Meme Sets -1 / -2:</u>
+              </b>{" "}
+              Complete sets missing 1 or 2 cards respectively.
+            </p>
+            <p>
+              <b>
+                <u>Genesis Sets:</u>
+              </b>{" "}
+              Complete set of the first three Meme NFTs.
+            </p>
+            <p>
+              <b>
+                <u>Purchases / Sales:</u>
+              </b>{" "}
+              Count of bought/sold NFTs (Memes or Gradients).
+            </p>
+            <p>
+              <b>
+                <u>Purchases (ETH) / Sales (ETH):</u>
+              </b>{" "}
+              ETH spent/received for those NFTs.
+            </p>
+            <p>
+              <b>
+                <u>Transfers In / Out:</u>
+              </b>{" "}
+              NFTs moved into/out of an address.
+            </p>
+            <p>
+              <b>
+                <u>TDH (unweighted):</u>
+              </b>{" "}
+              "Total Days Held" — each NFT contributes one unit per day held,
+              summed across NFTs, calculated daily at 00:00 UTC.
+            </p>
+            <p>
+              <b>
+                <u>TDH (unboosted):</u>
+              </b>{" "}
+              TDH weighted by edition size (FirstGM 3,941 = 1.0 baseline).
+            </p>
+            <p>
+              <b>
+                <u>TDH:</u>
+              </b>{" "}
+              TDH (unboosted) &times; boosters. For the current rules, see{" "}
+              <Link
+                href="/network/tdh"
+                className="tw-inline-block tw-rounded-md tw-bg-[#eee] tw-text-black tw-border-solid tw-border-[#222] hover:tw-bg-[#ddd] hover:tw-text-black tw-px-1 tw-py-0.5 tw-no-underline tw-text-md tw-font-medium">
+                TDH
+              </Link>
+              .
+            </p>
+          </div>
+
+          <div className="tw-mt-10 tw-flex tw-flex-col tw-gap-3 sm:tw-flex-row sm:tw-flex-wrap sm:tw-gap-3">
+            {NAV_LINKS.map(({ href, label }) => (
+              <Link key={href} href={href} className={BUTTON_LINK_CLASSES}>
+                {label}
+              </Link>
+            ))}
+          </div>
+        </Col>
+      </Row>
+    </Container>
+  );
+}

app/network/definitions/page.tsx

@@ -0,0 +1,13 @@
+import { getAppMetadata } from "@/components/providers/metadata";
+import DefinitionsClient from "./page.client";
+
+export default function Definitions() {
+  return <DefinitionsClient />;
+}
+
+export const generateMetadata = async () => {
+  return getAppMetadata({
+    title: "Definitions",
+    description: "Network",
+  });
+};