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; isProjectLevel?: boolean; }; export const ScopeAndDemand: React.FC = ({ fullScreen = true, isProjectLevel = true }) => { const router = useRouter(); const { workspaceSlug, projectId, cycleId, moduleId } = router.query; 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, count: user.count, }))} title="Most issues created" /> ({ avatar: user.assignees__avatar, email: user.assignees__email, count: user.count, }))} title="Most issues closed" />
) : ( ) ) : (

There was some error in fetching the data.

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