fix: make trial, campaign, and no-subscription node colors distinct

- campaignUser: #4dd9c0 (teal) → #fbbf24 (amber) — no longer blends with trial blue
- regular: #6b7280 (gray) → #94a3b8 (slate) — visible on dark background
- Campaign edges updated to amber tint
- defaultNodeColor now references NODE_COLORS.regular instead of hardcoded value
- Legend gradient uses actual campaign palette colors
This commit is contained in:
Fringg
2026-03-22 10:02:17 +03:00
parent cc64f7b8ea
commit 2a57442e04
3 changed files with 12 additions and 12 deletions

View File

@@ -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' },

View File

@@ -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' },

View File

@@ -18,8 +18,8 @@ export const NODE_COLORS = {
trialActive: '#38bdf8',
paidExpired: '#ef4444',
trialExpired: '#fb923c',
campaignUser: '#4dd9c0',
regular: '#6b7280',
campaignUser: '#fbbf24',
regular: '#94a3b8',
} as const;
/**