fix(types): resolve lint warnings and type-check errors in RepositoryGraph

Author: Shivangi1515

components/dashboard/DashboardClient.tsx

@@ -6,6 +6,7 @@ import { X, RefreshCw } from 'lucide-react';
 import Link from 'next/link';
 import { toast } from 'sonner';
 import type { Achievement } from '@/types/dashboard';
+import type { GraphNode, GraphLink } from '@/types';
 
 import RefreshButton from './RefreshButton';
 import ProfileCard from './ProfileCard';
@@ -65,8 +66,8 @@ interface DashboardData {
     commits: number;
   }>;
   graphData: {
-    nodes: Record<string, unknown>[];
-    links: Record<string, unknown>[];
+    nodes: GraphNode[];
+    links: GraphLink[];
   };
 }
 
@@ -568,7 +569,7 @@ export default function DashboardClient({ initialData, username }: DashboardClie
             <AIInsights insights={initialData.insights} />
           </aside>
 
-          {/* Full Width Bottom Section */}
+          {/* Repository Graph Section */}
           <div className="col-span-1 lg:col-span-2 lg:col-start-2">
             <RepositoryGraph data={initialData.graphData} />
           </div>

components/dashboard/RepositoryGraph.tsx

@@ -2,7 +2,7 @@
 
 import dynamic from 'next/dynamic';
 import { useState, useMemo, useCallback, useEffect, useRef } from 'react';
-import { X, Star, GitFork, Clock, Box } from 'lucide-react';
+import { Star, GitFork, Clock, Box } from 'lucide-react';
 
 const ForceGraph2D = dynamic(() => import('react-force-graph-2d'), { ssr: false });
 
@@ -12,27 +12,7 @@ const FILTER_COLORS = {
   Forks: '#F97316', // Orange
 };
 
-interface GraphNode {
-  id: string;
-  name: string;
-  type: 'User' | 'Repo' | 'Contribution' | 'Fork';
-  val: number;
-  color: string;
-  stats?: {
-    stars?: number;
-    forks?: number;
-    language?: string | null;
-    updatedAt?: string;
-    description?: string | null;
-  };
-  x?: number;
-  y?: number;
-}
-
-interface GraphLink {
-  source: string | GraphNode;
-  target: string | GraphNode;
-}
+import { GraphNode, GraphLink } from '@/types';
 
 interface RepositoryGraphProps {
   data: {

lib/github.ts

@@ -1,6 +1,6 @@
 // lib/github.ts
 
-import type { ContributionCalendar, ContributionDay } from '@/types';
+import type { ContributionCalendar, ContributionDay, GraphNode, GraphLink } from '@/types';
 import { calculateStreak, aggregateCalendars } from '@/lib/calculate';
 import { DistributedCache } from '@/lib/cache';
 import { LANGUAGE_COLORS } from '@/lib/svg/languageColors';
@@ -782,12 +782,11 @@ export async function fetchContributedRepos(
 }
 
 export async function getFullDashboardData(username: string, options: FetchOptions = {}) {
-  const [profileResult, reposResult, calendarResult, orgsResult, contributedReposResult] =
+  const [profileResult, reposResult, calendarResult, contributedReposResult] =
     await Promise.allSettled([
       fetchUserProfile(username, options),
       fetchUserRepos(username, options),
       fetchGitHubContributions(username, options),
-      fetchUserOrganizations(username, options),
       fetchContributedRepos(username, options),
     ]);
 
@@ -803,7 +802,6 @@ export async function getFullDashboardData(username: string, options: FetchOptio
     calendarResult.status === 'fulfilled'
       ? calendarResult.value
       : ({ totalContributions: 0, weeks: [] } as ContributionCalendar);
-  const orgsData = orgsResult.status === 'fulfilled' ? orgsResult.value : [];
   const contributedReposData =
     contributedReposResult.status === 'fulfilled' ? contributedReposResult.value : [];
 
@@ -890,8 +888,8 @@ export async function getFullDashboardData(username: string, options: FetchOptio
   const insights = buildInsights(streakStats, languages);
 
   // Building Graph Data
-  const nodes: Record<string, unknown>[] = [];
-  const links: Record<string, unknown>[] = [];
+  const nodes: GraphNode[] = [];
+  const links: GraphLink[] = [];
 
   // Central User Node
   nodes.push({
@@ -925,7 +923,16 @@ export async function getFullDashboardData(username: string, options: FetchOptio
   });
 
   // Open Source Contributions
-  contributedReposData.forEach((repo) => {
+  contributedReposData.forEach((repoItem) => {
+    const repo = repoItem as {
+      name: string;
+      nameWithOwner: string;
+      owner?: { login: string };
+      stargazerCount?: number;
+      forkCount?: number;
+      primaryLanguage?: { name: string } | null;
+      updatedAt?: string;
+    };
     nodes.push({
       id: repo.nameWithOwner,
       name: repo.name,

types/index.ts

@@ -185,3 +185,25 @@ export interface BadgeParams {
   /** Opt-in to show volumetric gradients on the monolith floor. */
   gradient?: boolean;
 }
+
+export interface GraphNode {
+  id: string;
+  name: string;
+  type: 'User' | 'Repo' | 'Contribution' | 'Fork';
+  val: number;
+  color: string;
+  stats?: {
+    stars?: number;
+    forks?: number;
+    language?: string | null;
+    updatedAt?: string;
+    description?: string | null;
+  };
+  x?: number;
+  y?: number;
+}
+
+export interface GraphLink {
+  source: string | GraphNode;
+  target: string | GraphNode;
+}