import { EHealthyStatus, ITimeRangeOption } from './Types'; export const TOPO_WIDTH = 600; export const TOPO_HEIGHT = 560; export const TOPO_NODE_R = [68, 45, 30]; export const TOPO_LINK_LENGTH = [160, 270]; export const MAIN_VIEW_WIDTH = 560; export const CHART_WIDTH = 450; export const HEALTHY_INDEX_ROW_HEIGHT = 20; export const HEALTHY_INDEX_ROW_GAP_RATIO = 0.3; export const HEALTHY_STATUS_COLORS = { [EHealthyStatus.noData]: '#ccc', [EHealthyStatus.healthy]: '#6CD676', [EHealthyStatus.warning]: '#F4DD0E', [EHealthyStatus.failed]: '#F16415', }; export const LINE_CHART_LARGE_HEIGHT = 56; export const LINE_CHART_SMALL_HEIGHT = 42; export const LINE_COLOR = '#394E97'; export const LINE_LABEL_Y_PADDING = 6; export const LINE_LABEL_FONT_SIZE = 14; export const LINE_SMALL_LABEL_FONT_SIZE = 12; export const timeRangeOptions: ITimeRangeOption[] = [ { label: '1h', value: 60 * 60 * 1000, step: 3 * 60 * 1000, }, { label: '24h', value: 24 * 60 * 60 * 1000, step: 60 * 60 * 1000, }, { label: '7d', value: 7 * 24 * 60 * 60 * 1000, step: 8 * 60 * 60 * 1000, }, { label: '30d', value: 30 * 24 * 60 * 60 * 1000, step: 24 * 60 * 60 * 1000, }, ];