fd7eedc343
* feat: added independent stickies page * chore: randomized sticky color * chore: search in stickies * feat: dnd * fix: quick links * fix: stickies abrupt rendering * fix: handled edge cases for dnd * fix: empty states * fix: build and lint * fix: handled new sticky when last sticky is emoty * fix: new sticky condition * refactor: stickies empty states, store * chore: update stickies empty states * fix: random sticky color * fix: header * refactor: better error handling --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
import { observer } from "mobx-react";
|
|
import { useParams } from "next/navigation";
|
|
// components
|
|
import useSWR from "swr";
|
|
import { ContentWrapper } from "@plane/ui";
|
|
import { TourRoot } from "@/components/onboarding";
|
|
// constants
|
|
import { PRODUCT_TOUR_COMPLETED } from "@/constants/event-tracker";
|
|
// helpers
|
|
import { cn } from "@/helpers/common.helper";
|
|
// hooks
|
|
import { useUserProfile, useEventTracker, useUser } from "@/hooks/store";
|
|
import { useHome } from "@/hooks/store/use-home";
|
|
import useSize from "@/hooks/use-window-size";
|
|
import { IssuePeekOverview } from "../issues";
|
|
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>
|
|
)}
|
|
<>
|
|
<IssuePeekOverview />
|
|
<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>
|
|
</>
|
|
</>
|
|
);
|
|
});
|