// ui import { BarGraph, ProfileEmptyState } from "components/ui"; // image import emptyBarGraph from "public/empty-state/empty_bar_graph.svg"; // types import { IDefaultAnalyticsResponse } from "types"; type Props = { defaultAnalytics: IDefaultAnalyticsResponse; }; export const AnalyticsScope: React.FC = ({ defaultAnalytics }) => (
SCOPE
Pending issues
{defaultAnalytics.pending_issue_user && defaultAnalytics.pending_issue_user.length > 0 ? ( `#f97316`} customYAxisTickValues={defaultAnalytics.pending_issue_user.map((d) => d.count > 0 ? d.count : 50 )} tooltip={(datum) => { const assignee = defaultAnalytics.pending_issue_user.find( (a) => a.assignees__id === `${datum.indexValue}` ); return (
{assignee ? assignee.assignees__display_name : "No assignee"}:{" "} {datum.value}
); }} axisBottom={{ renderTick: (datum) => { const assignee = defaultAnalytics.pending_issue_user[datum.tickIndex] ?? ""; if (assignee && assignee?.assignees__avatar && assignee?.assignees__avatar !== "") return ( ); else return ( {datum.value ? `${assignee.assignees__display_name}`.toUpperCase()[0] : "?"} ); }, }} margin={{ top: 20 }} theme={{ axis: {}, }} /> ) : (
)}
);