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

chore: x-axis tick values for assignees (#1060)

Browse source 
* style: new custom analytics ui

* fix: x-axis assignee tick values

* chore: assignee names in the custom analytics table
This commit is contained in:
Aaryan Khandelwal 2023-05-16 15:11:40 +05:30 • committed by GitHub
parent c060f7db30
commit d575e8ec6b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 233 additions and 140 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/app/components/analytics/scope-and-demand/demand.tsx
View file

@ -37,7 +37,7 @@ export const AnalyticsDemand: React.FC<Props> = ({ defaultAnalytics }) => (
</div>
<p className="text-brand-secondary">{percentage}%</p>
</div>
<div className="bar relative h-1 w-full rounded bg-brand-base">
<div className="bar relative h-1 w-full rounded bg-brand-surface-2">
<div
className="absolute top-0 left-0 h-1 rounded duration-300"
style={{

7
apps/app/components/analytics/scope-and-demand/leaderboard.tsx
View file

@ -3,6 +3,7 @@ import Image from "next/image";
type Props = {
users: {
avatar: string | null;
email: string | null;
firstName: string;
lastName: string;
count: number;
@ -14,8 +15,8 @@ export const AnalyticsLeaderboard: React.FC<Props> = ({ users, title }) => (
<div className="p-3 border border-brand-base rounded-[10px]">
<h6 className="text-base font-medium">{title}</h6>
<div className="mt-3 space-y-3">
{users.map((user, index) => (
<div key={`user-${index}`} className="flex items-start justify-between gap-4 text-xs">
{users.map((user) => (
<div key={user.email ?? "None"} className="flex items-start justify-between gap-4 text-xs">
<div className="flex items-center gap-2">
{user && user.avatar && user.avatar !== "" ? (
<div className="rounded-full h-4 w-4 flex-shrink-0">
@ -24,7 +25,7 @@ export const AnalyticsLeaderboard: React.FC<Props> = ({ users, title }) => (
height="100%"
width="100%"
className="rounded-full"
alt={user.firstName + " " + user.lastName}
alt={user.email ?? "None"}
/>
</div>
) : (

2
apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx
View file

@ -56,6 +56,7 @@ export const ScopeAndDemand: React.FC<Props> = ({ fullScreen = true }) => {
<AnalyticsLeaderboard
users={defaultAnalytics.most_issue_created_user.map((user) => ({
avatar: user.created_by__avatar,
email: user.created_by__email,
firstName: user.created_by__first_name,
lastName: user.created_by__last_name,
count: user.count,
@ -65,6 +66,7 @@ export const ScopeAndDemand: React.FC<Props> = ({ fullScreen = true }) => {
<AnalyticsLeaderboard
users={defaultAnalytics.most_issue_closed_user.map((user) => ({
avatar: user.assignees__avatar,
email: user.assignees__email,
firstName: user.assignees__first_name,
lastName: user.assignees__last_name,
count: user.count,