working

Author: Kampouse

.env.example

@@ -20,4 +20,8 @@ API_DATABASE_AUTH_TOKEN= # for Turso
 # Get your API key from https://cloud.near.ai
 NEAR_AI_API_KEY=
 NEAR_AI_BASE_URL=https://cloud-api.near.ai/v1
-NEAR_AI_MODEL=deepseek-ai/DeepSeek-V3.1
+NEAR_AI_MODEL=deepseek-ai/DeepSeek-V3.1
+
+# NEARBlocks API
+# Get your API key from https://nearblocks.io/apis
+NEAR_BLOCK=

api/src/builders.ts

@@ -73,7 +73,7 @@ export const handleBuildersRequest = (
               method: "GET",
               headers: {
                 "Content-Type": "application/json",
-                Authorization: `Bearer 10D94E2ECC9F460CB105030A47006C3D`,
+                Authorization: `Bearer ${process.env.NEAR_BLOCK || ""}`,
               },
             }),
           );

api/src/services/near.ts

@@ -97,8 +97,8 @@ export class NearService {
     try {
       const tokens = await this.fetchNftsFromChain(nearAccountId, this.config.initiateContractId);
       return tokens.length > 0;
-    } catch (error) {
-      console.error(`[NearService] Error checking initiate token for ${nearAccountId}:`, error);
+    } catch {
+      // Silently return false for errors - missing initiate token is expected for many users
       return false;
     }
   }

ui/src/components/builders/BuilderList.tsx

@@ -21,6 +21,7 @@ interface BuilderListProps {
   onLoadMoreError?: string | null;
   onClearLoadMoreError?: () => void;
   onSearchNavigate?: (accountId: string) => void;
+  sentinelRef?: React.RefObject<HTMLDivElement | null>;
 }
 
 function BuilderListItemSkeleton({ index }: { index: number }) {
@@ -72,6 +73,7 @@ export function BuilderList({
   onLoadMoreError,
   onClearLoadMoreError,
   onSearchNavigate,
+  sentinelRef,
 }: BuilderListProps) {
   const [searchQuery, setSearchQuery] = useState("");
   const totalCount = (totalCounts?.legion || 0) + (totalCounts?.initiate || 0);
@@ -202,24 +204,26 @@ export function BuilderList({
                     </button>
                   </div>
                 ) : (
-                  <button
-                    type="button"
-                    onClick={onLoadMore}
-                    disabled={isLoadingMore}
-                    className="w-full py-2.5 text-sm text-primary hover:bg-primary/10 font-mono font-medium border border-primary/30 transition-colors disabled:opacity-50"
-                  >
+                  <div className="text-center">
                     {isLoadingMore ? (
-                      <span className="flex items-center justify-center gap-2">
+                      <div className="flex items-center justify-center gap-2 py-2">
                         <span className="size-4 border-2 border-primary/30 border-t-primary rounded-full animate-spin" />
-                        Loading...
-                      </span>
+                        <span className="text-sm text-muted-foreground font-mono">Loading...</span>
+                      </div>
                     ) : (
-                      "Load more"
+                      <span className="text-xs text-muted-foreground font-mono">
+                        {builders.length} loaded • Scroll for more
+                      </span>
                     )}
-                  </button>
+                  </div>
                 )}
               </div>
             )}
+
+            {/* Sentinel element for infinite scroll intersection observer */}
+            {hasMore && !searchQuery && (
+              <div ref={sentinelRef} className="h-1" aria-hidden="true" />
+            )}
           </>
         )}
       </div>