export const canvasHeight = 540;
export const cellSize = 32;
export const firstItemIndex = 5;

export const fontSize = cellSize / 3;
export const currentCellSize = cellSize * 2;
export const initialRadius = cellSize + 8;
export const angle = 2.39982772; // Golden angle

export const scaleBy = 0.4;
export const scaleMin = 0.5;
export const scaleMax = 3;
export const scaleActive = 1.8;
export const scaleSpeed = 0.15;

export const filterTypes = {
    ip: 'ip',
    fingerprint: 'fingerprint',
    paymentAccount: 'paymentAccount',
};

export const filterNames = {
    ip: 'IP Address',
    fingerprint: 'Device Fingerprint',
    paymentAccount: 'Payment Account',
};

export const graphOptions = {
    autoResize: true,
    height: '100%',
    width: '100%',
    nodes: {
        shape: 'circularImage',
        borderWidth: 0,
    },
    edges: {
        smooth: {
            enabled: true,
            type: 'continuous',
            roundness: 1,
        },
        arrows: {
            to: {enabled: false},
        },
        color: {
            color: '#ee6a74',
            highlight: '#ee6a74',
        },
        selectionWidth: 1,
        width: 7,
    },
    physics: {
        barnesHut: {
            centralGravity: 1,
            gravitationalConstant: -50000,
            springConstant: 0.006,
            springLength: 300,
        },
    },
};

export const unselectedWidth = 1.5;
export const unselectedColor = {
    color: '#ccc',
    highlight: '#ccc',
};
export const selectedColor = {
    color: '#33c5d1',
};
export const connectionHighlightColor = {
    color: 'red',
};

export const personAnonColor = '#525e64';

export const personNewbieColor = '#1bbc9b';

export const personBronzeColor = '#c49f47';

export const personSilverColor = '#bfbfbf';

export const personGoldColor = '#f1c40f';

export const personPlatinumColor = '#c49f47';