replace torchbearers external data call with static local data

Author: pettinarip

.env.example

@@ -48,6 +48,3 @@ ANALYZE=false
 # Use mock data for development. Set to "false" to use live data but you must have the
 # environment variables set to make api requests
 USE_MOCK_DATA=true
-
-# Google Sheet ID for torch holders
-GOOGLE_SHEET_ID_TORCH_HOLDERS=

app/[locale]/10years/_components/TorchHistoryCard.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-import { Avatar } from "@/components/ui/avatar"
+import { AvatarBase, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { BaseLink } from "@/components/ui/Link"
 import { Tag } from "@/components/ui/tag"
@@ -50,12 +50,24 @@ const TorchHistoryCard: React.FC<TorchHistoryCardProps> = ({
     >
       <CardHeader className="flex flex-col p-0">
         <div className="mb-4 flex flex-col items-center">
-          <Avatar
-            className="h-32 w-32 border-2 border-gray-100/50 !shadow-none"
-            src={avatar}
-            href={`https://x.com/${extractTwitterHandle(twitter)}`}
-            name={name}
-          />
+          <AvatarBase
+            className={cn(
+              "h-32 w-32 border-2 border-gray-100/50 !shadow-none",
+              !twitter && "pointer-events-none"
+            )}
+          >
+            {twitter ? (
+              <BaseLink href={`https://x.com/${extractTwitterHandle(twitter)}`}>
+                <AvatarImage src={avatar} alt={name} />
+                <AvatarFallback>{name[0]}</AvatarFallback>
+              </BaseLink>
+            ) : (
+              <>
+                <AvatarImage src={avatar} alt={name} />
+                <AvatarFallback>{name[0]}</AvatarFallback>
+              </>
+            )}
+          </AvatarBase>
         </div>
 
         {isCurrentHolder && (

app/[locale]/10years/page.tsx

@@ -22,6 +22,9 @@ import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
+// Import static torch holders data
+import torchHoldersData from "@/data/torchHolders.json"
+
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import Curved10YearsText from "./_components/10y.svg"
@@ -45,13 +48,13 @@ import { shouldShowNFTMintCard } from "./_components/utils/nftMintDate"
 import { routing } from "@/i18n/routing"
 import { fetch10YearEvents } from "@/lib/api/fetch10YearEvents"
 import { fetch10YearStories } from "@/lib/api/fetch10YearStories"
-import { fetchTorchHolders } from "@/lib/api/fetchTorchHolders"
 import {
   getCurrentHolder,
   getHolderEvents,
   getTransferEvents,
   isAddressFiltered,
   isTorchBurned,
+  type TorchHolder,
 } from "@/lib/torch"
 import TenYearLogo from "@/public/images/10-year-anniversary/10-year-logo.png"
 
@@ -62,7 +65,6 @@ const loadData = dataLoader(
   [
     ["fetched10YearEvents", fetch10YearEvents],
     ["fetched10YearStories", fetch10YearStories],
-    ["fetchedTorchHolders", fetchTorchHolders],
   ],
   REVALIDATE_TIME * 1000
 )
@@ -74,8 +76,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   setRequestLocale(locale)
 
-  const [fetched10YearEvents, fetched10YearStories, allTorchHolders] =
-    await loadData()
+  const [fetched10YearEvents, fetched10YearStories] = await loadData()
+
+  const allTorchHolders: TorchHolder[] = torchHoldersData as TorchHolder[]
 
   const stories = parseStoryDates(fetched10YearStories, locale)
 

next.config.js

@@ -93,10 +93,6 @@ module.exports = (phase, { defaultConfig }) => {
           protocol: "https",
           hostname: "coin-images.coingecko.com",
         },
-        {
-          protocol: "https",
-          hostname: "unavatar.io",
-        },
       ],
     },
     async headers() {