diff --git a/src/pages/ReferralNetwork/components/NetworkGraph.tsx b/src/pages/ReferralNetwork/components/NetworkGraph.tsx index 69e2e85..a3636a9 100644 --- a/src/pages/ReferralNetwork/components/NetworkGraph.tsx +++ b/src/pages/ReferralNetwork/components/NetworkGraph.tsx @@ -6,7 +6,13 @@ import { inferSettings } from 'graphology-layout-forceatlas2'; import { useReferralNetworkStore } from '@/store/referralNetwork'; import type { NetworkGraphData, NetworkFilters } from '@/types/referralNetwork'; import { createNodeBorderProgram } from '@sigma/node-border'; -import { getNodeFillColor, getNodeBorderColor, getUserNodeSize, getCampaignColor } from '../utils'; +import { + getNodeFillColor, + getNodeBorderColor, + getUserNodeSize, + getCampaignColor, + NODE_COLORS, +} from '../utils'; import { setSigmaInstance } from '../sigmaGlobals'; interface NetworkGraphProps { @@ -198,7 +204,7 @@ function buildFullGraph(graphData: NetworkGraphData): Graph { edge.type === 'partner_campaign' ? 'rgba(255, 138, 101, 0.5)' : edge.type === 'campaign' - ? 'rgba(77, 217, 192, 0.06)' + ? 'rgba(251, 191, 36, 0.06)' : 'rgba(255,255,255,0.03)', size: edge.type === 'partner_campaign' ? 1.5 : 0.3, edgeType: edge.type, @@ -334,7 +340,7 @@ export function NetworkGraph({ data, className }: NetworkGraphProps) { labelRenderedSizeThreshold: 14, zIndex: true, defaultEdgeColor: '#ffffff06', - defaultNodeColor: '#6b7280', + defaultNodeColor: NODE_COLORS.regular, nodeProgramClasses: { bordered: BorderedNodeProgram }, defaultNodeType: 'bordered', labelColor: { color: '#111827' }, diff --git a/src/pages/ReferralNetwork/components/NetworkLegend.tsx b/src/pages/ReferralNetwork/components/NetworkLegend.tsx index bd31523..11ed00c 100644 --- a/src/pages/ReferralNetwork/components/NetworkLegend.tsx +++ b/src/pages/ReferralNetwork/components/NetworkLegend.tsx @@ -5,13 +5,7 @@ interface NetworkLegendProps { className?: string; } -const CAMPAIGN_GRADIENT_COLORS = [ - NODE_COLORS.campaignUser, - NODE_COLORS.partner, - NODE_COLORS.topReferrer, - '#6b9fff', - '#b97aff', -]; +const CAMPAIGN_GRADIENT_COLORS = ['#4dd9c0', '#f0c261', '#e85d9a', '#6b9fff', '#b97aff']; const FILL_ITEMS = [ { color: NODE_COLORS.paidActive, labelKey: 'admin.referralNetwork.legend.paidActive' }, diff --git a/src/pages/ReferralNetwork/utils.ts b/src/pages/ReferralNetwork/utils.ts index 682c8eb..3d4b9d2 100644 --- a/src/pages/ReferralNetwork/utils.ts +++ b/src/pages/ReferralNetwork/utils.ts @@ -18,8 +18,8 @@ export const NODE_COLORS = { trialActive: '#38bdf8', paidExpired: '#ef4444', trialExpired: '#fb923c', - campaignUser: '#4dd9c0', - regular: '#6b7280', + campaignUser: '#fbbf24', + regular: '#94a3b8', } as const; /**