import { useRouter } from "next/router"; import useSWR from "swr"; // services import analyticsService from "services/analytics.service"; // components import { AnalyticsDemand, AnalyticsLeaderboard, AnalyticsScope, AnalyticsYearWiseIssues, } from "components/analytics"; // ui import { Loader, PrimaryButton } from "components/ui"; // fetch-keys import { DEFAULT_ANALYTICS } from "constants/fetch-keys"; type Props = { fullScreen?: boolean; }; export const ScopeAndDemand: React.FC = ({ fullScreen = true }) => { const router = useRouter(); const { workspaceSlug, projectId, cycleId, moduleId } = router.query; const isProjectLevel = projectId ? true : false; const params = isProjectLevel ? { project: projectId ? [projectId.toString()] : null, cycle: cycleId ? cycleId.toString() : null, module: moduleId ? moduleId.toString() : null, } : undefined; const { data: defaultAnalytics, error: defaultAnalyticsError, mutate: mutateDefaultAnalytics, } = useSWR( workspaceSlug ? DEFAULT_ANALYTICS(workspaceSlug.toString(), params) : null, workspaceSlug ? () => analyticsService.getDefaultAnalytics(workspaceSlug.toString(), params) : null ); return ( <> {!defaultAnalyticsError ? ( defaultAnalytics ? (
({ 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, }))} title="Most issues created" /> ({ avatar: user?.assignees__avatar, email: user?.assignees__email, firstName: user?.assignees__first_name, lastName: user?.assignees__last_name, count: user?.count, }))} title="Most issues closed" />
) : ( ) ) : (

There was some error in fetching the data.

mutateDefaultAnalytics()}>Refresh
)} ); };