import { useState } from "react"; import Image from "next/image"; import { useRouter } from "next/router"; import useSWR from "swr"; import { observer } from "mobx-react-lite"; // hooks import { useMobxStore } from "lib/mobx/store-provider"; // components import { TourRoot } from "components/onboarding"; import { UserGreetingsView } from "components/user"; import { CompletedIssuesGraph, IssuesList, IssuesPieChart, IssuesStats } from "components/workspace"; import { Button } from "@plane/ui"; // images import emptyDashboard from "public/empty-state/dashboard.svg"; import { NewEmptyState } from "components/common/new-empty-state"; import emptyProject from "public/empty-state/dashboard_empty_project.webp"; export const WorkspaceDashboardView = observer(() => { // router const router = useRouter(); const { workspaceSlug } = router.query; // store const { user: userStore, project: projectStore, commandPalette: commandPaletteStore, trackEvent: { setTrackElement }, } = useMobxStore(); const user = userStore.currentUser; const projects = workspaceSlug ? projectStore.projects[workspaceSlug.toString()] : null; const workspaceDashboardInfo = userStore.dashboardInfo; // states const [month, setMonth] = useState(new Date().getMonth() + 1); // fetch user dashboard info useSWR( workspaceSlug ? `USER_WORKSPACE_DASHBOARD_${workspaceSlug}_${month}` : null, workspaceSlug ? () => userStore.fetchUserDashboardInfo(workspaceSlug.toString(), month) : null ); const handleTourCompleted = () => { userStore.updateTourCompleted(); }; return ( <> {/* {isProductUpdatesModalOpen && ( )} */} {user && !user.is_tour_completed && (
)}
{user && } {projects ? ( projects.length > 0 ? (
) : ( { setTrackElement("DASHBOARD_PAGE"); commandPaletteStore.toggleCreateProjectModal(true); }, }} /> ) ) : null}
); });