Merge pull request #82 from growthepie/dev

DA metrics release

.env.example

@@ -0,0 +1,22 @@
+### env.example for https://github.com/growthepie/gtp-frontend repository ###
+NEXT_PUBLIC_VERCEL_ENV=development
+NEXT_PUBLIC_VERCEL_URL=localhost:3000
+
+# Domain for production deployment (format: www.example.com) — is different across www., fees., and labels. deployments
+PRODUCTION_DOMAIN=
+
+# Token included in the header of all requests to the backend endpoints during local development — used to bypass AWS WAF restrictions
+NEXT_PUBLIC_X_DEVELOPER_TOKEN=
+
+# URL to fun DB in — see backend /gtp repo — (format: postgresql://username:password@host:port/database)
+FUN_DATABASE_URL=
+
+# Airtable API key for Notifications & other data
+AIRTABLE_API_KEY=
+
+# FIGMA_ACCESS_TOKEN is used to fetch the latest icons from Figma by /lib/icons.mjs
+FIGMA_ACCESS_TOKEN=
+FIGMA_FILE_KEY=
+
+# Optimism vote endpoint for RPGF3
+OPTIMISM_VOTE_ENDPOINT=https://vote.optimism.io/graphql

.prettierrc.json

@@ -2,5 +2,6 @@
   "trailingComma": "all",
   "tabWidth": 2,
   "semi": true,
-  "singleQuote": false
+  "singleQuote": false,
+  "plugins": ["prettier-plugin-tailwindcss"]
 }

app/(fees)/fees/FeesChart.tsx

@@ -357,7 +357,7 @@ export default function FeesChart({
             }"></div>
             <div class="tooltip-point-name text-md">${AllChainsByKeys[name].label
             }</div>
-            <div class="flex-1 text-right justify-end font-inter flex">
+             <div class="flex-1 text-right justify-end flex numbers-xs">
                 <div class="opacity-70 mr-0.5 ${!prefix && "hidden"
             }">${prefix}</div>
                 ${selectedMetric === "fdv" || selectedMetric === "market_cap"
@@ -394,7 +394,7 @@ export default function FeesChart({
         <div class="flex w-full space-x-2 items-center font-medium mt-1.5 mb-0.5 opacity-70">
           <div class="w-4 h-1.5 rounded-r-full" style=""></div>
           <div class="tooltip-point-name text-md">Total</div>
-          <div class="flex-1 text-right justify-end font-inter flex">
+           <div class="flex-1 text-right justify-end flex numbers-xs">
 
               <div class="opacity-70 mr-0.5 ${!prefix && "hidden"
           }">${prefix}</div>
@@ -656,8 +656,10 @@ export default function FeesChart({
             y: 11,
             x: 3,
             style: {
+              color: "rgb(215, 223, 222)",
               fontSize: "10px",
-              color: "#CDD8D34D",
+              fontWeight: "700",
+              fontFamily: "Fira Sans",
             },
             formatter: function (
               t: Highcharts.AxisLabelsFormatterContextObject,

app/(layout)/blockspace/category-comparison/page.tsx

@@ -46,7 +46,7 @@ const CategoryComparison = () => {
         dataValidating={[usageValidating]}
       />
       <Container
-        className="flex flex-col w-full pt-[65px] md:pt-[30px]"
+        className="flex flex-col w-full pt-[45px] md:pt-[30px]"
         isPageRoot
       >
         <div className="flex items-center w-[99.8%] justify-between md:text-[36px] mb-[15px] relative">

app/(layout)/blockspace/chain-overview/page.tsx

@@ -83,10 +83,10 @@ const ChainOverview = () => {
           chain === "all_l2s"
             ? true
             : isMaster
-            ? chainEcosystemFilter === "all-chains"
-              ? true
-              : AllChainsByKeys[chain].ecosystem.includes(chainEcosystemFilter)
-            : false;
+              ? chainEcosystemFilter === "all-chains"
+                ? true
+                : AllChainsByKeys[chain].ecosystem.includes(chainEcosystemFilter)
+              : false;
 
         return passEcosystem && isSupported;
       })
@@ -115,7 +115,7 @@ const ChainOverview = () => {
             dataValidating={[usageValidating]}
           />
           <Container
-            className="flex flex-col w-full pt-[65px] md:pt-[30px] gap-y-[15px] mb-[15px]"
+            className="flex flex-col w-full pt-[45px] md:pt-[30px] gap-y-[15px] mb-[15px]"
             isPageRoot
           >
             <div className="flex items-center w-[99.8%] justify-between md:text-[36px] relative">
@@ -150,7 +150,7 @@ const ChainOverview = () => {
               setSelectedTimespan={setSelectedTimespan}
               data={chainFilter}
               master={master}
-              // data={!chainEcosystemFilter || chainEcosystemFilter=== "all-chains" ? usageData.data.chains : )}
+            // data={!chainEcosystemFilter || chainEcosystemFilter=== "all-chains" ? usageData.data.chains : )}
             />
           )}
         </>

app/(layout)/chains/[chain]/page.tsx

@@ -445,7 +445,7 @@ const Chain = ({ params }: { params: any }) => {
           !usageError && usageValidating,
         ]}
       />
-      <Container className="flex w-full pt-[30px] md:pt-[30px]" isPageRoot>
+      <Container className="flex w-full pt-[45px] md:pt-[30px]" isPageRoot>
         {master && chainFeeData && chainData && (
           <div className="flex flex-col w-full">
             <div

app/(layout)/contributors/layout.tsx

@@ -13,7 +13,7 @@ export const metadata: Metadata = {
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <PageRoot className="pt-[45px]">
+    <PageRoot className="pt-[45px] md:pt-[30px]">
       <PageContainer paddingY="none">
         <Section>
           {/* <div