binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: new custom analytics ui (#1055)

Browse source
This commit is contained in:
Aaryan Khandelwal 2023-05-16 10:41:37 +05:30 • committed by GitHub
parent 8c707cc544
commit c6d78b5e6a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 797 additions and 496 deletions
Download patch file Download diff file Expand all files Collapse all files

22
apps/app/helpers/analytics.helper.ts
View file

@ -1,5 +1,7 @@
// nivo
import { BarDatum } from "@nivo/bar";
// helpers
import { capitalizeFirstLetter } from "helpers/string.helper";
// types
import { IAnalyticsData, IAnalyticsParams, IAnalyticsResponse } from "types";
// constants
@ -17,7 +19,7 @@ export const convertResponseToBarGraphData = (
const data: BarDatum[] = [];
let xAxisKeys: string[] = [];
const yAxisKey = params.y_axis === "issue_count" ? "count" : "effort";
const yAxisKey = params.y_axis === "issue_count" ? "count" : "estimate";
Object.keys(response).forEach((key) => {
const segments: { [key: string]: number } = {};
@ -31,7 +33,11 @@ export const convertResponseToBarGraphData = (
});
data.push({
name: DATE_KEYS.includes(params.x_axis) ? renderMonthAndYear(key) : key,
name: DATE_KEYS.includes(params.x_axis)
? renderMonthAndYear(key)
: params.x_axis === "priority" || params.x_axis === "state__group"
? capitalizeFirstLetter(key)
: key,
...segments,
});
} else {
@ -42,6 +48,8 @@ export const convertResponseToBarGraphData = (
data.push({
name: DATE_KEYS.includes(params.x_axis)
? renderMonthAndYear(item.dimension)
: params.x_axis === "priority" || params.x_axis === "state__group"
? capitalizeFirstLetter(item.dimension ?? "None")
: item.dimension ?? "None",
[yAxisKey]: item[yAxisKey] ?? 0,
});
@ -64,17 +72,17 @@ export const generateBarColor = (
if (params[type] === "state__name" || params[type] === "labels__name")
color = analytics?.extras?.colors.find((c) => c.name === value)?.color;
if (params[type] === "state__group") color = STATE_GROUP_COLORS[value];
if (params[type] === "state__group") color = STATE_GROUP_COLORS[value.toLowerCase()];
if (params[type] === "priority")
color =
value === "urgent"
value === "Urgent"
? "#ef4444"
: value === "high"
: value === "High"
? "#f97316"
: value === "medium"
: value === "Medium"
? "#eab308"
: value === "low"
: value === "Low"
? "#22c55e"
: "#ced4da";