2014400bed
* refactor: move web utils to packages * fix: build and lint errors * chore: update drag handle plugin * chore: update table cell type to fix build errors * fix: build errors * chore: sync few changes * fix: build errors * chore: minor fixes related to duplicate assets imports * fix: build errors * chore: minor changes
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
import { observer } from "mobx-react";
|
|
import { useParams } from "next/navigation";
|
|
// components
|
|
import useSWR from "swr";
|
|
import { PRODUCT_TOUR_COMPLETED } from "@plane/constants";
|
|
import { ContentWrapper } from "@plane/ui";
|
|
import { cn } from "@plane/utils";
|
|
import { TourRoot } from "@/components/onboarding";
|
|
// constants
|
|
// helpers
|
|
// hooks
|
|
import { useUserProfile, useEventTracker, useUser } from "@/hooks/store";
|
|
import { useHome } from "@/hooks/store/use-home";
|
|
import useSize from "@/hooks/use-window-size";
|
|
import { HomePeekOverviewsRoot } from "@/plane-web/components/home";
|
|
import { DashboardWidgets } from "./home-dashboard-widgets";
|
|
import { UserGreetingsView } from "./user-greetings";
|
|
|
|
export const WorkspaceHomeView = observer(() => {
|
|
// store hooks
|
|
const { workspaceSlug } = useParams();
|
|
const { data: currentUser } = useUser();
|
|
const { data: currentUserProfile, updateTourCompleted } = useUserProfile();
|
|
const { captureEvent } = useEventTracker();
|
|
const { toggleWidgetSettings, fetchWidgets } = useHome();
|
|
const [windowWidth] = useSize();
|
|
|
|
useSWR(
|
|
workspaceSlug ? `HOME_DASHBOARD_WIDGETS_${workspaceSlug}` : null,
|
|
workspaceSlug ? () => fetchWidgets(workspaceSlug?.toString()) : null,
|
|
{
|
|
revalidateIfStale: true,
|
|
revalidateOnFocus: false,
|
|
revalidateOnReconnect: true,
|
|
}
|
|
);
|
|
|
|
const handleTourCompleted = () => {
|
|
updateTourCompleted()
|
|
.then(() => {
|
|
captureEvent(PRODUCT_TOUR_COMPLETED, {
|
|
user_id: currentUser?.id,
|
|
state: "SUCCESS",
|
|
});
|
|
})
|
|
.catch((error) => {
|
|
console.error(error);
|
|
});
|
|
};
|
|
|
|
// TODO: refactor loader implementation
|
|
return (
|
|
<>
|
|
{currentUserProfile && !currentUserProfile.is_tour_completed && (
|
|
<div className="fixed left-0 top-0 z-20 grid h-full w-full place-items-center bg-custom-backdrop bg-opacity-50 transition-opacity">
|
|
<TourRoot onComplete={handleTourCompleted} />
|
|
</div>
|
|
)}
|
|
<>
|
|
<HomePeekOverviewsRoot />
|
|
<ContentWrapper
|
|
className={cn("gap-6 bg-custom-background-90/20", {
|
|
"vertical-scrollbar scrollbar-lg": windowWidth >= 768,
|
|
})}
|
|
>
|
|
{currentUser && <UserGreetingsView user={currentUser} handleWidgetModal={() => toggleWidgetSettings(true)} />}
|
|
<DashboardWidgets />
|
|
</ContentWrapper>
|
|
</>
|
|
</>
|
|
);
|
|
});
|