diff --git a/src/pages/ReferralNetwork/components/NetworkGraph.tsx b/src/pages/ReferralNetwork/components/NetworkGraph.tsx index 9d2477c..e7ce30e 100644 --- a/src/pages/ReferralNetwork/components/NetworkGraph.tsx +++ b/src/pages/ReferralNetwork/components/NetworkGraph.tsx @@ -154,7 +154,12 @@ function buildFullGraph(graphData: NetworkGraphData): Graph { }); graphData.users.forEach((user) => { - const fillColor = getNodeFillColor(user.subscription_status, user.campaign_id); + const fillColor = getNodeFillColor( + user.subscription_status, + user.campaign_id, + user.direct_referrals, + user.is_partner, + ); const borderColor = getNodeBorderColor(user.direct_referrals, user.is_partner); const size = getUserNodeSize(user.direct_referrals); const pos = positions.get(`user_${user.id}`) ?? { @@ -176,7 +181,7 @@ function buildFullGraph(graphData: NetworkGraphData): Graph { campaignId: user.campaign_id, subscriptionStatus: user.subscription_status, borderColor: borderColor ?? fillColor, - borderSize: borderColor ? 0.25 : 0, + borderSize: borderColor ? 0.35 : 0, }); }); diff --git a/src/pages/ReferralNetwork/components/NetworkLegend.tsx b/src/pages/ReferralNetwork/components/NetworkLegend.tsx index a9f0ec0..bd31523 100644 --- a/src/pages/ReferralNetwork/components/NetworkLegend.tsx +++ b/src/pages/ReferralNetwork/components/NetworkLegend.tsx @@ -18,14 +18,11 @@ const FILL_ITEMS = [ { color: NODE_COLORS.trialActive, labelKey: 'admin.referralNetwork.legend.trialActive' }, { color: NODE_COLORS.paidExpired, labelKey: 'admin.referralNetwork.legend.paidExpired' }, { color: NODE_COLORS.trialExpired, labelKey: 'admin.referralNetwork.legend.trialExpired' }, - { color: NODE_COLORS.campaignUser, labelKey: 'admin.referralNetwork.legend.campaignUser' }, - { color: NODE_COLORS.regular, labelKey: 'admin.referralNetwork.legend.regularUser' }, -]; - -const BORDER_ITEMS = [ { color: NODE_COLORS.partner, labelKey: 'admin.referralNetwork.legend.partner' }, { color: NODE_COLORS.topReferrer, labelKey: 'admin.referralNetwork.legend.topReferrer' }, { color: NODE_COLORS.activeReferrer, labelKey: 'admin.referralNetwork.legend.activeReferrer' }, + { color: NODE_COLORS.campaignUser, labelKey: 'admin.referralNetwork.legend.campaignUser' }, + { color: NODE_COLORS.regular, labelKey: 'admin.referralNetwork.legend.regularUser' }, ]; export function NetworkLegend({ className }: NetworkLegendProps) { @@ -55,22 +52,6 @@ export function NetworkLegend({ className }: NetworkLegendProps) { ))} - {/* Border = Referral role */} -